#header .header-area { position: relative; width: 100%; height: 100%; overflow: hidden; margin: 0 auto; border-bottom: 1px solid #d3d3d3; background-color: #f9f9f9; z-index: 1000; } #header .top-links-area { border-bottom: 0 none; background: #f0f0f0; z-index: 2; } #header .top-links-area .top-links { line-height: 36px; height: 36px; overflow: hidden; } #header .top-links-area .top-links .left { position: relative; float: left; } #header .top-links-area .top-links .right { position: relative; float: right; } #header .top-links-area .top-links ul li { display: inline-block; vertical-align: top; } #header .top-links-area .top-links .left li { padding: 0 10px; } #header .top-links-area .top-links .right li { margin:0 10px; } #header .top-links-area .top-links ul li a { display: block; } #header .top-links-area .top-links:after { clear: both; display: block; content: ''; } #header-middle-area { min-height: 90px; padding-top: 27px; } #header-middle-area .header-middle h1 { text-align: center; } #header-middle-area .header-middle h1 a { display: inline-block; } #menu-area { position: relative; width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } #header #menu { width: 1200px; margin: 0 auto; } #menu ul { z-index: 100; display: inline-block; width: 988px; vertical-align: top; margin-left: 30px; } #menu h1 { display: inline-block; vertical-align: top; padding: 13px 0 20px 0; } #menu ul li { display: inline-block; vertical-align: top; text-align: center; width: 20%; padding: 0; } #menu a.sponsor-btn{ float: right; font-size: 130%; font-weight: 500; margin: 31px 15px 0 0; padding-left: 23px; color: #ed1955; background: url(/images/common/sponsor-btn-icon.png) 0 center no-repeat; } /* current menu */ #menu ul li.current ul { display: block; } #menu ul li a.step01 { position: relative; display: block; font-size: 130%; font-weight: 600; text-align: center; margin: 0; padding: 0; transition: all 0s ease; } #menu ul li a.step01 span { position: relative; display: inline-block; padding: 31px 0; border-bottom: 3px solid transparent; } #menu ul li.sfHover a.step01 span, #menu ul li a.step01:hover span, #menu ul li.menu-step01:hover span { color: #161616; border-bottom-color: #00ace1; z-index: 1001; } #menu ul li.current a.step01 span { border-bottom-color: #f05173; z-index: 1001; } #menu ul li div.main-mega div.second-group { width: 1200px; margin: 0 auto; } #menu ul li div.main-mega div.s-title { display: block !important; } #menu ul li div.main-mega div.second-group div.s-title { float: left; width: 200px; min-height: 200px; padding-right: 15px; background: url(/images/common/s-title-bg3.png) 0 100% no-repeat; background-size: 150px; } #menu ul li div.main-mega div.second-group div.s-title h2 { position: relative; color: #0060a7; font-size: 145%; margin: 0 0 15px 0; text-align: left; } #menu ul li div.main-mega div.second-group div.s-title h2:before { content: ''; display: block; width: 30px; height: 2px; margin: 15px 0 15px 3px; background-color: #f5c110; } #menu ul li div.main-mega div.second-group div.s-title p { color: #545454; font-size: 120%; font-weight: 300; } #menu ul li div.main-mega div.second-group div.s-title span { display: block; color: #545454; } #menu ul li div.main-mega div.second-group ul.main-second { float: left; width: 1000px; } #menu ul li div.main-mega { display: none; opacity: 0; position: absolute; top: 94px; left: 0; right: 0; width: 100%; margin: 0; padding: 30px 0; background-color: #f2f2f7; z-index: 1000; } /* #menu ul li.current div.main-mega { display: block; opacity: 1; }*/ #menu ul li.sfHover div.main-mega { display: block; opacity: 1; width: 100%; z-index: 1000; } #menu ul li ul { position: relative; float: none; overflow: hidden; max-width: 1200px; height: 100%; margin: 0 auto; padding: 0; background-color: transparent; z-index: 1000; } #menu ul li:hover ul { display: block; z-index: 100; background: transparent; } #menu ul li:hover ul li:hover ul { z-index: 101; } #menu ul li ul li { position: relative; float: left; vertical-align: top; width: 18%; margin: 1%; padding: 0; } #menu ul li ul li a { display: block; color: #fff; font-size: 105%; text-align: left; letter-spacing: -1px; margin: 0; padding: 8px 10px 8px 15px; background: #5792d0; } #menu ul li ul li a:hover { background-color: #f05173; } #menu ul li ul li ul { margin: 0; padding: 8px; } #menu ul li ul li ul li { display: block; position: relative; float: none; text-align: left; width: 100%; max-width: none; margin: 0; padding: 0; } #menu ul li ul li ul li a { display: block; color: #161616; font-size: 105%; letter-spacing: -1px; margin: 0; padding: 0 0 0 10px; background: transparent url(/images/common/bullet.png) 0 12px no-repeat; } #menu ul li ul li li a:after { display: none; } #menu ul li ul li ul li a:hover { color: #f05173; background-color: transparent; text-decoration: underline; } #footer h6 a img { width: 150px; } #content-main .content-button{ margin-top: 15px; } #content-main .content-button a{ background: #ff7033 url(/images/common/arrow01.svg) no-repeat right 14px center; color: #fff; padding: 10px 28px 10px 15px; font-size: 75%; font-weight: 400; margin-top: 10px; border-radius: 5px; } #content-main .content-button a:hover{ transition: 0.3s; background: #ff4d00 url(/images/common/arrow01.svg) no-repeat right 11px center; } #content-main .contents-title { font-size: 90%; margin: 0 0 15px 0; padding: 20px; background-color: #c9ecff; } #content-main .bold { font-weight: 400; } #content-main h4 { /*background:url(/images/common/title-bg.png) no-repeat 0 5px; padding-left: 26px;*/ font-size: 110%; font-weight: 500; letter-spacing: -1px; } #content-main h5 { font-size: 100%; font-weight: 400; letter-spacing: -1px; background:url(/images/common/h5-bg.png) no-repeat 0 8px; padding-left: 18px; } #content-main ul.depth01 li em { margin-top:10px; font-weight:500; } #content-main ul.depth01 li { background:url(/images/common/depth01.png)no-repeat 0 11px; padding-left: 10px; margin-bottom: 6px; } #content-main ol.depth01 li { padding-left: 10px; font-size: 90%; margin-bottom: 6px; } #content-main ol.depth01 li span.number{ color: #e84e6f; font-weight: 500; } #content-main ul.depth01 li ul{ margin-top: 5px; } #content-main ul.depth01 li ul li{ background:url(/images/common/depth02.png)no-repeat 5px 12px; padding-left:0.8em; font-size: 100%; margin-bottom: 2px; } #content-main ul.depth01 li ul li ul li{ background:url(/images/common/depth03.png)no-repeat 0 5px; padding-left:0.8em; } #content-main ul.depth01 li ul li ul li ul li{ font-size:12px; background:none; padding-left:0; } #content-main .data-text{ font-size: 85%; margin-top: 10px; font-weight: 500; } #content-main .content-box { background: #F9F9F9; border: 1px solid #d0d0d0; padding: 25px; font-size: 90%; margin-bottom: 10px; } #content-main .content-box ul.depth01 li{ font-size: 100%; } #content-main h4 { background: url(/images/common/title-bg02.png) no-repeat 0 50%; padding-left: 26px; font-size: 130%; font-weight: 600; letter-spacing: -1px; } #content-main span.block { display: block; } #content-main ul.depth01 li.list-hidden { display: block; background: none; } #content-main span.b-text{ color:red; font-size: 90%; } #content-main span.r-text{ color:red; font-size: 90%; float: right; } #content-main .point{ color:red; } #header .top-links-area .top-links .left ul li a{ color:#fff; } #header .top-links-area .top-links .left ul li:nth-child(1){ background:#ca3305; } #header .top-links-area .top-links .left ul li:nth-child(2){ background:#95740f; } #header .top-links-area .top-links .left ul li:nth-child(3){ background:#d5a512; } #header .top-links-area .top-links .left ul li:nth-child(4){ background:#0e743b; } #header .top-links-area .top-links .left ul li:nth-child(5){ background:#0ba951; } #header .top-links-area .top-links .left ul li:nth-child(6){ background:#0b456f; }