/*cn*/ @charset "utf-8"; @import url(https://fonts.googleapis.com/css?family=Lato); /*@import url('https://fonts.googleapis.com/earlyaccess/notosanstc.css');*/ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i'); @import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700'); /* CSS Document */ /*Function*/ .clearfix:before,.clearfix:after{content:"";display:table} .clearfix:after{clear:both} .clearfix{zoom:1;display:block} .hide{display:none !important;} /*Body*/ /* ::-moz-selection{ background:#FF0; color:#000;} ::selection{ background:#FF0; color:#000; text-decoration:none;} */ ::-webkit-input-placeholder { color: #333;} ::-moz-placeholder { color:#333;} ::-moz-selection { background: rgba(140,186,24,0.6); color: white; } ::selection { background: rgba(140,186,24,0.6); color: white; } *:focus { outline: none;} a{ color:#333; text-decoration:none;} a:hover{ color:#999;} html,body{ height:100%;} body{font-family: 'Open Sans', 'Noto Sans SC', Verdana, Arial, sans-serif, Microsoft YaHei, Microsoft JhengHei; font-size:13px; line-height:1.5; background:#fff; color:#333; width:100%; /*perspective:1000; -webkit-perspective:1000;*/} html.lock,body.lock{ overflow:hidden; perspective: none; -webkit-perspective: none;} /*G HEADER*/ #gotop{ text-align:right; position:fixed; bottom:0; right:0; opacity:0; visibility:hidden; transform:translate(0,0); transition:.5s; z-index:100;} #gotop.active{ opacity:1; visibility:visible;} #gotop span{ line-height: 1em; padding: 5px 10px; cursor:pointer; border: 1px solid #ddd; background:#A5CD38; float:right; color: #fff;} #gotop i{ width:15px; height:16px; background-position:-49px -45px; top:0;} #gotop span:hover { background: #666; } #g_wrap{ width:100%; position: relative; padding-top: 78px; padding-bottom: 30px; /*position:absolute; top:0;*/ -webkit-transition:-webkit-transform .5s, top .5s; transition:transform .5s, top .5s; background:#fff; /*box-shadow: rgba(0,0,0,.5) 0 0 10px;*/ -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } #is-idx #g_wrap {padding-top: 0;} #g_header{ width:100%; position: fixed; top:0; z-index:101; transition:.5s; padding:/*.5%*/ 6px 2.5%; border-bottom: 1px solid #999;} #is-idx #g_header{ /*position:absolute;*/} #g_header.white_theme{ background:rgba(255,255,255,1); } #g_header.white_theme.idx {border-bottom:1px solid #999;} #g_header.black_theme{ background:rgba(0,0,0,.4); border-bottom:1px solid #A5CD38;} #g_header.white_theme .lv1>li>a{ color:#000;} #g_header.white_theme .lv1>li:hover>a{ color:#A5CD38;} #g_header.black_theme .lv1>li>a{ color:#fff;} #g_header.black_theme .lv1>li:hover>a{ color:#A5CD38;} #g_logo{ width:147px; float:left; margin-top: 3px;} /* #g_logo:hover{ opacity:} */ #g_logo img{ width:100%;} #g_nav{ margin-left:200px;} #g_nav .lv1>li{ float:left; margin:0 1.5%; position:relative;} #current_arrow{ position:absolute; bottom:0; left:-100%; margin-left:-8px; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #041456 transparent;} #g_nav .lv1>li.current>a{ color:#A5CD38;} #g_nav .lv1>li>a{ font-size:17px; display:block; padding: 8px 0; transition:.2s;} #g_nav .lv1>li:hover>.lv2{ opacity:1; visibility:visible; /*top:50px;*/ transition:.3s;} #g_nav .lv1>li:hover>.lv2>li{ /*line-height:1.5;*/} #g_nav .lv2{ opacity:0; visibility:hidden; position:absolute; top:47px; transition:.1s; box-shadow:rgba(0,0,0,.5) 0 0 10px; background:#333; font-size:13px; width:250px; padding:3px; margin-left:-125px; /*-233px;*/ left: 50%;} #g_nav .lv2>li{ position: relative; line-height:1.5; transition:.3s;} #g_nav .lv2>li>a{ display:block; padding:10px; background:url(../img/dot_line.gif) repeat-x bottom; color:#fff; } #g_nav .lv2.bold>li>a { font-weight: bold;} #g_nav .lv2>li:last-child>a{ background-image:none;} #g_nav .lv2>li:last-child>a+ul.lv3{ background: url(../img/dot_line.gif) repeat-x top;} #g_nav .lv2>li:last-child .lv3{ background-image:none;} #g_nav .lv2>li>a:hover{ background-color:#A4CC38; /*#666989;*/ color:#fff;} #g_nav .lv2>li:hover>.lv3{ /*opacity:1; visibility:visible; max-height:500px; padding:5px 0;*/} #g_nav .lv2.hover_lv4>li:hover .lv4 { opacity:1; visibility:visible; left:100%; } #g_nav .lv3>li{ font-size:12px; position:relative;} #g_nav .lv3>li>a{ display:block; padding:5px 10px; color:#fff;} #g_nav .lv3>li:hover>a{ background-color:#A4CC38; color:#fff;} #g_nav .lv3>li:hover>.lv4{ opacity:1; visibility:visible; left:100%;} #g_nav .lv3>li:hover>.lv4>li{ /*line-height:1.5;*/} #g_nav .lv3{ /*opacity:0; visibility:hidden; max-height:0;*/ transition:.5s; background:url(../img/dot_line.gif) repeat-x bottom; padding:3px 0; position:relative; text-indent:10px;} #g_nav .lv4{ opacity:0; visibility:hidden; position:absolute; transition:.3s; top:0; left:100%; box-shadow:rgba(0,0,0,.2) 3px 0 10px; background:#555; font-size:12px; width:170px; padding:3px;} #g_nav .lv4>li{ line-height:1.5; transition:.3s;} #g_nav .lv4>li>a{ display:block; padding:5px 10px; color:#fff; background:url(../img/dot_line.gif) repeat-x bottom; } #g_nav .lv4>li:last-child>a{ background-image:none;} #g_nav .lv4>li:hover>a{ background-color:#A4CC38; color:#fff;} #g_nav .lv4>li:hover>.lv4{ opacity:1; visibility:visible; left:100%;} #g_nav li.contact,#g_nav li.quick_finder,#g_nav li.language{ float:right; margin:0 10px; padding:10px 0;} #g_nav li.contact,#g_nav li.quick_finder{ margin:0;} #g_nav li.language>a{ font-size:12px; border:1px solid #999; border-radius:0px; padding:3px 5px 0px; background:rgba(255,255,255,.2);} #g_nav li.contact>a,#g_nav li.quick_finder>a{ font-size:15px; border-radius:6px; padding:3px 5px;} #g_nav li.contact>a>span, #g_nav li.quick_finder>a>span{ display:none;} #g_nav li .g_icons.gi_mail,#g_nav li .g_icons.gi_search{ margin-right:0;} #g_nav li.contact:hover>a,#g_nav li.quick_finder:hover>a,#g_nav li.language:hover>a{ background:rgba(255,255,255,.5);} #g_header.black_theme #g_nav li.contact:hover>a,#g_header.black_theme #g_nav li.quick_finder:hover>a,#g_header.black_theme #g_nav li.language:hover>a{ color:#fff;} #g_header.white_theme #g_nav li.language:hover>a{ border:1px solid #666989;} #g_header.white_theme #g_nav li.contact:hover>a,#g_header.white_theme #g_nav li.quick_finder:hover>a{ background:#fff;} /*#g_nav li.quick_finder .lv2{ left:-140px;}*/ #quick_finder header{ background-color:#A4CC38/*666989*/; color:#fff; padding:5px 10px; text-align:center; font-size: 15px; } select{ font-size: 13px; border: 1px solid #999; border-radius: 6px; padding: 3px 20px 4px 12px; background: rgba(255,255,255,.2); -webkit-appearance: none; -moz-appearance: none; position:relative; background:url(../img/g_icons_arrow_dn_iso.png) no-repeat 98% center; cursor:pointer; margin-right:7px; margin-bottom:7px;} select::-ms-expand { display: none;} select:hover{ border:1px solid #666989; background-color:#fff; } input[type=text]{ font-size: 13px; border: 1px solid #999; border-radius: 6px; padding: 3.5px 12px; background: rgba(255,255,255,.2);} #quick_finder .s_hr_2{ padding:1% 0;} #quick_finder .s_hr_2 hr{ margin:0; position:absolute; left:0; } button{ font-size: 16px; border:0; border-radius: 6px; padding: /*4px 13px*/ 3px 5px; background:#A4CC38; color:#fff; text-align:center; cursor:pointer; transition:.5s;} button:hover{ background:#7BA8A8; transition:.2s;} button:disabled{ background: url(../img/loader.gif) #ddd no-repeat 95% 50%; cursor:default; color:#ddd;} button:disabled:before{ content:'Processing'; color:#fff; margin-left: 10%;} button:disabled i{ display:none;} #quick_finder select,#quick_finder input[type=text]{ width:100%;} #quick_finder select:hover,#quick_finder input[type=text]:hover{ /*color:#fff; background-color:#A4CC38;*/} #g_nav li.quick_finder:hover #quick_finder li{ /*line-height:1.5;*/} #quick_finder li{ margin:10px 10px; line-height:1.5; transition:.5s;} #quick_finder li.hasBorder{ margin:10px 0; padding-top:10px;} #quick_finder button{ /*width:50%;*/ margin:0 auto; display:block;} #g_header.white_theme #quick_finder button .g_icons.gi_search,#quick_finder button .g_icons.gi_search{ top:0; margin-right:0; background-position: -24px -22px;} #quick_finder button{ /*background-color:#fff;*/} #g_nav li.language .lv2{ width:96px; margin-left:-48px; text-align:center;} #g_nav li.language .lv2>li>a{ padding:5px 10px; font-size:13px;} /*G ICONS*/ .g_icons{ background:url(../img/g_icons.png); display:inline-block; vertical-align:middle; position:relative; top:-2px;} .g_icons.gi_mail,.g_icons.gi_search,.g_icons.gi_lang{ width:22px; height:20px; margin-right:5px;} /* #g_header.white_theme .g_icons.gi_mail,._m_nav .g_icons.gi_mail{ background-position:-1px -1px;} */ /* #g_header.white_theme .g_icons.gi_search,._m_nav .g_icons.gi_search{ background-position:-24px -1px;} */ #g_header.white_theme .g_icons.gi_lang{ background-position:-47px -1px;} /* #g_header.black_theme .g_icons.gi_mail{ background-position:-1px -22px;} */ /* #g_header.black_theme .g_icons.gi_search{ background-position:-24px -22px;} */ #g_header.black_theme .g_icons.gi_lang{ background-position:-47px -22px;} .g_icons.gi_arrow_dn,.g_icons.gi_arrow_right,.g_icons.gi_arrow_left{ width:16px; height:16px;} #g_header.white_theme .g_icons.gi_arrow_dn,.g_icons.gi_arrow_dn{ background-position:-70px -3px;} #g_header.black_theme .g_icons.gi_arrow_dn{ background-position:-70px -24px;} .g_icons.gi_arrow_right{ background-position:-87px -4px;} .g_icons.gi_arrow_left{ background-position:-70px -44px;} #g_nav li.partner { float: right; margin: 0; margin-right: 10px; } #g_nav li.partner a { padding: 8px 0; } #g_nav li.partner>a>span { display: none; } #g_nav li.partner:hover .g_icons.gi_partner{ background-image: url(../img/partner_btn_r.svg); } #g_nav li .g_icons.gi_partner{ margin-right:0;} .g_icons.gi_partner{ width: 25px; height: 23px; margin: 1px 5px 0 0; background: url(../img/partner_btn.svg) no-repeat center; -webkit-background-size: contain; background-size: contain; } #if_banner::after{ content:''; position: absolute; bottom: 4px; width: 100%; border-bottom: 1px solid rgba(255,255,255,.5);} .gi_reload{ width:19px; height:19px; background-position:-1px -44px; text-indent:-9999px;} .gi_question{ width:24px; height:24px; background-position:-142px -1px;} .gi_arrow_down{ width:24px; height:24px; background-position:-142px -26px;} .s_bt_1 i.gi_question,.s_bt_1 i.gi_arrow_down{ right:auto; left:0 ; margin-right: 5px;} .video_wrap { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .video_wrap video { position: absolute; z-index: 0; width: 100%; height: 100%; } .bt_dl_big{ position: absolute; z-index: 1; width: 100%; height: 100%; display: block; } .bt_dl_big:before{ content: ''; width: 100%; height: 100%; background: rgba(255,255,255,.3) url(../img/g_icons_dl_big.png) no-repeat center; opacity: 0; visibility: hidden; transform: translateY(5%); transition: .4s; position: absolute;} .bt_dl_big:hover:before{ opacity: 1; visibility: visible; transform: translateY(0); transition: .2s; } /*IDX BANNER*/ #idx_banner_wrap{ position:relative; z-index:0; background:#ccc; opacity:0; margin-top: 60px;} #idx_banner_wrap.loaded{ opacity:1; transition:1s;} #idx_banner{ overflow: hidden; } #idx_banner .txt,#if_banner .txt{ position:absolute; z-index:2; animation-duration: 1.5s;} #if_banner .txt{ margin-top:5%;} #idx_banner a,#if_banner a{ display:block; width: 100%;} #idx_banner a.white_theme,#if_banner a.white_theme{ color:#000;} #idx_banner a.black_theme,#if_banner a.black_theme{ color:#fff;} #idx_banner .txt { margin-left: 5%; width: 100%; height: 100%; max-width: 90%; padding: 20px 0; display: flex; -ms-align-items: center; align-items: center; flex-wrap: wrap; text-align: center;} #idx_banner .txt h2,#if_banner .txt h2{ font-size:/*30px*/ 3vw; /*transition:1s; transform:translateX(150px); opacity:0; transition-delay:1s;*/} #idx_banner .txt p,#if_banner .txt p{ font-size:/*15px*/ 1.5vw; /*transition:1s; transform:translateX(-150px); opacity:0; transition-delay:1s;*/} #idx_banner .txt img.pd{ width:auto; height:53%; margin-top:1%; /*transition:.5s; transform:scale(.5); opacity:0; transition-delay:1s;*/} #idx_banner img.bg,#if_banner img.bg, #idx_banner img.bg_m,#if_banner img.bg_m{ animation-duration: 1s; width:100%;} #idx_banner img.bg_m,#if_banner img.bg_m{ display: none; } #idx_banner_wrap #idx_banner_prev,#idx_banner_wrap #idx_banner_next{ width:50px; height:100px; position:absolute; top:50%; z-index:1; margin-top: -30px; cursor:pointer; text-align:center; /*border:1px solid rgba(255,255,255,.3);*/ transition:0s;} /* #idx_banner_wrap.white_theme #idx_banner_prev, #idx_banner_wrap.white_theme #idx_banner_next{ background:rgba(255,255,255,.6);} #idx_banner_wrap.black_theme #idx_banner_prev, #idx_banner_wrap.black_theme #idx_banner_next{ background:rgba(255,255,255,.2);} */ #idx_banner_wrap #idx_banner_prev{ left:0; transform-origin:0 50%;} #idx_banner_wrap #idx_banner_next{ right:0; transform-origin:100% 50%;} #idx_banner_wrap .gi_arrow_prev, #idx_banner_wrap .gi_arrow_next{ width:22px; height:40px; margin-top:30px;} #idx_banner_wrap.white_theme .gi_arrow_prev{ background-position:-1px -64px;} #idx_banner_wrap.white_theme .gi_arrow_next{ background-position:-24px -64px;} #idx_banner_wrap.black_theme .gi_arrow_prev{ background-position:-47px -64px;} #idx_banner_wrap.black_theme .gi_arrow_next{ background-position:-70px -64px;} .gi_arrow_next_b{ width:16px; height:16px; background-position:-87px -24px;} #idx_banner_wrap .owl-controls{ position:absolute; bottom:4px; width:100%; /*border-bottom:1px solid rgba(255,255,255,.5);*/} #idx_banner_wrap .owl-controls .owl-dots .owl-dot span{ background:#fff; margin:10px 5px;} #idx_banner_wrap .owl-controls .owl-dots .owl-dot:hover span, #idx_banner_wrap .owl-controls .owl-dots .owl-dot.active span{background:#A5CD38;} #idx_banner_wrap .owl-item,#if_banner{ /*opacity:.0; transform:scale(1.1);*/ transition:/*transform 1s, */opacity 1s; overflow:hidden;} #idx_banner_wrap .owl-item{ opacity:0; transition-delay:0s;} #idx_banner_wrap .owl-item.active{ opacity:1; transition-delay:1;} /*#idx_banner_wrap .owl-item.active,#if_banner.loaded{ opacity:1; transform:scale(1);} #idx_banner_wrap .owl-item.active h2,#if_banner.loaded h2{ transform: translateX(0); opacity:1; transition-delay:.2s;} #idx_banner_wrap .owl-item.active p,#if_banner.loaded p{ transform: translateX(0); opacity:1; transition-delay:.3s;} #idx_banner_wrap .owl-item.active img.pd{ transform: scale(1); opacity:1; transition-delay:.5s;} */ #idx_banner_wrap #idx_banner_prev, #idx_banner_wrap #idx_banner_next{ z-index:100;} #idx_banner_cycle_dots{ text-align:center; cursor:pointer; display:inline-block; position: absolute; bottom: 10px; z-index: 100; width: 100%;} #idx_banner_cycle_dots span{ font-size:23px; color:#cdcdcd; margin:0 3px;} #idx_banner_cycle_dots span.cycle-pager-active{ color:#A5CD38;} /*IDX*/ .g_container{ width:94%; max-width:1380px; margin:0 auto;} .g_container.w1140{ max-width:1140px;} .g_container.w_full { width: 100%; max-width: none;} .g_container .w1140{ width: 94%; max-width:1140px; margin: 0 auto;} .g_container .w_full{ width: 100%; } #idx_app,#idx_case{ margin-top:20px;} #idx_app{ width:66.5%; float:left; clear:both;} #idx_case{ width:33.1%; float:right;} #is-idx .s_h2_1{ font-weight: 600; } .s_h2_1{ font-size:22px; display:inline-block; margin-bottom:15px; line-height:1.2;} .s_h2_1 .grey{ color:#999;} .s_h2_1+.s_h2_2{ margin-top:-2%; padding:0;} .s_h2_2{ font-size:16px; padding:10px 0;} .s_h2_3{ clear: both; text-align: center; position: relative;} .s_h2_3 h2{ background:#fff; padding: 0 3%;} .s_h2_3 div{ border-bottom: #CCCCCC 1px solid; margin-top: -26px; margin-bottom: 36px;} .s_h2_4{ background:url(../img/deco_dot_4.png) no-repeat 0 50%; color:#A5CC38; font-size:20px; text-indent:20px;} .s_h2_5{ color:#A5CC38; font-size:20px; line-height:1.3;} .s_h2_0{ font-size:27px; display:inline-block; margin-bottom:15px; line-height:1.2;} .s_h2_6{ font-size:18px;} .s_h2_7{ font-size:20px; display: inline-block; margin-bottom: 15px; line-height: 1.2;} .s_h2_8{ font-size:15px; color:#A5CC38;} .s_bt_1{ font-size:16px; border:1px solid #ccc; padding:0px 35px; transition:.5s;} .s_bt_1:hover{ background:#eee; color:#333; transition:.2s;} .s_bt_1 i{ position:relative; right:-10px; top:-1px;} .s_bt_1.align_left i{ right:auto; left:-10px;} .edit_wrap { width: 100%; margin: 0 auto; } #pd_list_style{ float: right; margin-right: 25px;} .icon_view_grid,.icon_view_list{ width: 23px; height: 18px; background: url(../img/g_icons.png); display: inline-block; cursor: pointer; margin: 4px 6px;} .icon_view_grid{ background-position: -25px -105px; } .icon_view_grid:hover{ background-position: -73px -105px; } .icon_view_grid.active{ background-position: -121px -105px; } .icon_view_list{ background-position: -1px -105px; } .icon_view_list:hover{ background-position: -49px -105px; } .icon_view_list.active{ background-position: -97px -105px; } .bt_compare{ position:relative;} .bt_compare .num{ transform:scale(0); background:#749F9F; width:20px; height:20px; border-radius:50%; position:absolute; top:-10px; right:-10px; color:#fff; text-align:center; display:none;} .bt_compare.active{ background:#A5CD38; color:#fff; border-color:#A5CD38;} .bt_compare.active .g_icons.gi_arrow_right { background-position: -87px -25px;} /*.bt_compare.active .num{ transition:.2s; transform:scale(1);}*/ #idx_app .s_h2_1,#idx_case .s_h2_1,#idx_pds .s_h2_1,#idx_news .s_h2_1,#idx_about .s_h2_1{ line-height:1.5; padding-bottom:10px; font-size:22px;} #idx_app .s_bt_1,#idx_case .s_bt_1,#idx_pds .s_bt_1{ float:right; margin:5px 0 20px 0;} .application_list{ clear:both;} .application_list li{ width:33%; margin-right:.5%; position:relative; float:left; overflow:hidden;} #idx_app .application_list li{ width:49.75%;} #idx_case .application_list li{ width:100%;} .application_list#if_app_list li{ width:49.5%; margin-right:1%; margin-bottom:20px;} .application_list#if_app_list li:nth-child(2n){ margin-right:0;} .application_list#if_app_list li:nth-child(3){ margin-right:1%;} .application_list.download_list { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; } .application_list.solution_list li{ width:48%; margin-right: 4%; margin-bottom: 20px; } .application_list.solution_list li:nth-child(3n){margin-right: 4%;} .application_list.solution_list li:nth-child(2n){ margin-right: 0;} .application_list li:nth-child(3){ margin-right:0;} #idx_app .application_list li:nth-child(2){ margin-right:0;} #idx_case .application_list li:first-child{ margin-right:0;} .application_list li .txt{ width:100%; background:rgba(0,0,0,.5); position:absolute; bottom:0; left:0; margin:0; padding:1% 2.5%; z-index:1;} .application_list li .word { padding: 1.5% 2.5%; background: #eee; color: #333; } .application_list li .word h3 { color: #333; } .application_list.download_list li { font-size: 12px; } .application_list.download_list li a, .application_list.download_list li .word { display: block;height: 100%; } .application_list_v2 li .detail{ width:100%; background:#A5CD38; position:absolute; top:100%; left:0; margin:0; padding:2.5%; z-index:1; transition:.5s; color:#fff;} .application_list_v2 li .s_bt_1{ background:#fff; color:#A5CD38; padding:0 7px; font-size:12px; border:0;} #idx_app .application_list li .txt{ text-align:center; display:table; transition:.5s;} #idx_app .application_list li h3{ display:table-cell; vertical-align:middle; font-size:15px;} .application_list li h3{ color:#fff; display:inline; letter-spacing:1px;} .application_list li span{ color:#A5CD38; font-size:13px; margin-left:5%; position:absolute; right:12px; bottom:5px;} .application_list li img{ width:100%; transition:1s;} .application_list li:hover img{ /*transform:scale(1.1); opacity:.7;*/} .application_list_v2 li:hover .txt{ bottom:163px; background:rgba(0,0,0,.7); transition:.5s;} .application_list_v2 li:hover .detail{ top:40px; transition:.5s;} #idx_app.pd_feature_list{ width:100%; margin-top:0;} #idx_app.pd_feature_list li{ width:33%; margin-right:.5%;} #idx_app.pd_feature_list li:nth-child(2){ margin-right:.5%;} #idx_app.pd_feature_list li:nth-child(3){ margin-right:0;} .s_relax_LH_1 #idx_app.pd_feature_list p{ line-height:1.5;} #idx_app.pd_feature_list li img{ margin-bottom:0;} #idx_pds{ clear:both; margin-top:30px; float:left; width:100%; position: relative;} #idx_pd_list{ width:100%; } #idx_pd_list li{ width:33%;} #idx_pd_list li:nth-child(3){ margin-right:0;} #idx_pd_list li{ /*width:24.6%; margin-right:.5%;*/ width:100%; position:relative; float:left; overflow:hidden;} #idx_pd_list li{ margin-right: .5%;} /*#idx_pd_list li:nth-child(4n){ margin-right:0;}*/ #idx_pd_list li{ margin-bottom:1%;} #idx_pd_list li:nth-child(3n){ margin-right:0;} #idx_pd_list li:nth-child(3n+1){ clear:both;} #idx_pd_list li:nth-child(4n){ margin-right:.5%;} #idx_pd_list li a{ height:100%;} /*#idx_pd_list li h3{ background:url(../img/deco_bg_0.png) #41456D; color:#fff; text-align:center; padding:2% 0; position:relative; z-index:1; transition:.5s;} #idx_pd_list li:hover h3{ background:url(../img/deco_bg_0.png) #A5CD38; transition:.2s;}*/ #idx_pd_list li h3{ margin-bottom: 5px; line-height: 1.3em; text-align: center; font-size: 18px; } #idx_pd_list li:hover h3{} #idx_pd_list li div{} /*#idx_pd_list li div::before{ content:''; width:0; height:100%; display:inline-block; position:relative; vertical-align:middle; }*/ #idx_pd_list li .img{ margin-bottom: 10px; overflow: hidden; background:#eee;} #idx_pd_list li img{ width:100%; margin-left:0; display:inline-block !important; vertical-align:middle; transition:.2s;} /*#if_right_side #idx_pd_list li img{ max-width:43%;}*/ #idx_pd_list li p{ display: block; vertical-align:middle; font-size:12px; text-align: center;} #idx_pd_list li:hover img{ transform:scale(1.05);} #idx_pd_list li:hover a{ color:#333;} #idx_pd_list li .btn{ display: block; margin: 10px auto 30px; border: 1px solid #999; width: 100%; max-width: 130px; text-align: center; padding: 2px 0;} #idx_pd_list li .btn:hover{ background-color: #7BA8A8; color: #fff;} #if_pd_list{ width:100%; } #if_pd_list li{ width:33%;} #if_pd_list li:nth-child(3){ margin-right:0;} #if_pd_list li{ /*width:24.6%; margin-right:.5%;*/ position:relative; float:left; overflow:hidden; background:#eee;} #if_pd_list li{ margin-right: .5%;} /*#if_pd_list li:nth-child(4n){ margin-right:0;}*/ #if_pd_list li{ margin-bottom:1%;} #if_pd_list li:nth-child(3n){ margin-right:0;} #if_pd_list li:nth-child(3n+1){ clear:both;} /*#if_pd_list li:nth-child(4n){ margin-right:.5%;}*/ #if_pd_list li a{ height:100%;} #if_pd_list li h3{ background:url(../img/deco_bg_0.png) #41456D; color:#fff; text-align:center; padding:2% 0; position:relative; z-index:1; transition:.5s;} #if_pd_list li:hover h3{ background:url(../img/deco_bg_0.png) #A5CD38; transition:.2s;} #if_pd_list li div{} #if_pd_list li div::before{ content:''; width:0; height:100%; display:inline-block; position:relative; vertical-align:middle; } #if_pd_list li img{ max-width:43%; margin-left:0; display:inline-block !important; vertical-align:middle; transition:.2s;} #if_right_side #if_pd_list li img{ max-width:43%;} #if_pd_list li p{ display:inline-block; vertical-align:middle; margin-left:4%; width:50%; font-size:15px;} #if_pd_list li:hover img{ transform:translateX(5px);} #if_pd_list li:hover a{ color:#333;} .if_pd_line_list{ display: flex; flex-wrap: wrap; background: url(../img/dot_line.gif) repeat-x center bottom; padding-bottom: 10px; margin-bottom: 10px;} .if_pd_line_list li{ width: 18%; margin-right: 2.5%; margin-bottom: 15px;} .if_pd_line_list li:nth-child(5n){ margin-right: 0; } .if_pd_line_list a{} .if_pd_line_list .img{ overflow: hidden; } .if_pd_line_list .img img{ width: 100%; transition: .3s;} .if_pd_line_list li:hover img{ transform: scale(1.05) } .if_pd_line_list h3{ padding: 5px 0; text-align: center;} #idx_pd_cycle_controls{ text-align:center; clear:both; position: absolute; top:10px; right:0; display: none;} #idx_pd_cycle_dots{ text-align:center; cursor:pointer; display:inline-block;} #idx_pd_cycle_dots .owl-dot{ display: inline-block; } #idx_pd_cycle_dots span{ margin: 0 5px; background: #666666; width: 5px; height: 5px; display: inline-block; border-radius: 20px; vertical-align: middle;} #idx_pd_cycle_dots .owl-dot.active span,#idx_pd_cycle_dots .owl-dot:hover span{ background:#A5CD38;} #idx_pd_cycle_prev{ background:url(../img/g_icons.png) -125px 0px; width:16px; height:18px; text-indent:-9999px; display:inline-block; position:relative;} #idx_pd_cycle_next{ background:url(../img/g_icons.png) -125px -19px; width:16px; height:18px; text-indent:-9999px; display:inline-block; position:relative;} #idx_pds:hover #idx_pd_cycle_prev_pc,#idx_pds:hover #idx_pd_cycle_next_pc{ transform:translateX(0); opacity: 1; visibility: visible; } #idx_pd_cycle_prev_pc{ position: absolute; left:-30px; top:/*58%*/ calc(75% / 2.25); z-index: 1; cursor: pointer; opacity: 0; visibility: hidden; transition: .5s; transform:translateX(-10px);} #idx_pd_cycle_next_pc{ position: absolute; right:-30px; top:/*58%*/ calc(75% / 2.25); z-index: 1; cursor: pointer; opacity: 0; visibility: hidden; transition: .5s; transform:translateX(10px);} #idx_pd_cycle_prev_pc .gi_arrow_prev,#idx_pd_cycle_next_pc .gi_arrow_next{ width:22px; height:40px;} #idx_pd_cycle_prev_pc .gi_arrow_prev{ background-position:-1px -64px;} #idx_pd_cycle_next_pc .gi_arrow_next{ background-position:-24px -64px;} #idx_pd_quick_finder{ clear:both; padding:20px 0 15px 0; border-bottom:1px solid #ccc;} #idx_pd_quick_finder header{ float:left; margin-right:2%; font-size:16px;} #idx_pd_quick_finder ul{} #idx_pd_quick_finder li{ float:left; margin-right:3px;} #idx_pd_quick_finder .g_icons.gi_search{ background-position: -24px -24px; margin:0/* 20px*/; top:0; height:17px;} #idx_edm{ clear: both; padding: 0; text-align: center; margin: 0px;} #idx_edm:before{ content: ''; background: /*url(../img/deco_bg_0.png) #7BA8A8*/ #444; position: absolute; z-index: 1; left:0; width: 100%; height: 70px; display: block; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} #idx_edm>div{ position: relative; z-index: 1; padding: 22px 0;} #idx_edm input[type=text]{ background-color: #fff; margin: 0 10px;} #idx_edm label{ font-size: 15px; color: #fff;} #idx_edm button{ display: inline-block; font-size: 13px; padding: 4px 15px;} #idx_news{ clear:both; width:49%; margin-right:2%; float:left; margin-top:30px; margin-bottom: 50px;} #idx_news .s_bt_2,#idx_about .s_bt_2{ float:right; margin:4px 0 0 0; font-size:16px;} #idx_news .s_bt_2 i,#idx_about .s_bt_2 i{ top:0;} #idx_news .s_bt_2:hover,#idx_about .s_bt_2:hover{ color:#A4CC38;} #idx_news ul.cycle-slide{ width:100% !important;} #idx_news li{ background:url(../img/dot_line.gif) repeat-x; padding:8px 0;} #idx_news h3{} #idx_news time{ color:#999; padding-right:10px; margin-right:10px; border-right:1px solid #999;} #idx_news span{ color:#A5CD38;} #idx_news_cycle_controls{ text-align:center;} #idx_news_cycle_dots{ text-align:center; cursor:pointer; display:inline-block;} #idx_news_cycle_dots span{ font-size:23px; color:#666; margin:0 3px;} #idx_news_cycle_dots span.cycle-pager-active{ color:#A5CD38;} #idx_news_cycle_prev{ background:url(../img/g_icons.png) -125px 0px; width:16px; height:18px; text-indent:-9999px; display:inline-block;position:relative; top:-5px;} #idx_news_cycle_next{ background:url(../img/g_icons.png) -125px -19px; width:16px; height:18px; text-indent:-9999px; display:inline-block;position:relative; top:-5px;} #idx_about{ width:49%; float:left; margin-top:30px; margin-bottom: 50px;} #idx_about article{ background:url(../img/deco_bg_0.png) #7BA8A8; color:#fff; padding:3% 5%; position:relative;} #idx_about article *{ padding:1% 0;} #idx_about article a{ color:#fff;} #idx_about a.s_bt_2{ position:absolute; bottom:8px; right:8px; background:#124E4F; color:#fff; padding:2px 7px; font-size:12px;} #g_footer{ clear:both; padding:30px 0; margin-top: 0px; font-size:13px; background-color: #eee; float: left; width: 100%; border-top: 0px solid #999; } #g_footer .s_hr_1{ display: none; } #g_sitemap{ display: flex; width:102%;} /*#is-idx #g_sitemap{ width:100%;}*/ #g_sitemap>li{ width:17.5%; float:left; padding-right:2%;} #g_sitemap>li:first-child{ width:30%;} #g_sitemap>li>h3{ /*border-bottom:1px solid #ccc;*/ font-size:16px; padding:6px 0; font-weight: bold; background:#eee; text-indent:15px;} #g_sitemap ul{ padding-top:10px; padding-left:15px;} #g_sitemap .lv3{ padding:5px 0;} #g_sitemap ul li{} #g_sitemap .lv2>li>a{ color:#88B1B1; /*font-size:16px;*/} #ft_m_nav{ background:#eee; clear:both; display:none;} #ft_m_nav ._m_nav{ position:static; max-height:1000px;} #ft_m_nav ._m_nav .lv1{ position:static;} #g_copyright{ color:#666; font-size:13px; text-align:center;} #g_copyright header{ display:none;} #g_copyright dl,#g_copyright dt,#g_copyright dd{ display:inline-block;} #g_copyright dl.hide,#g_copyright dt.hide,#g_copyright dd.hide{ display:none;} #g_copyright dl{ margin-right:20px; position:relative;} #g_copyright dl:nth-child(3n):before{ content:''; border-left:1px solid #ccc; padding-left:20px; height:20px; position:absolute; top:-14px;} .social_list{} .social_list i{ color: #666; font-size: 17px; margin: 0 3px; vertical-align: middle;} .social_list i:hover{ color: #749f9f; } /* #is-idx #g_footer .s_hr_1,#is-idx #g_footer .s_hr_2{ display:none;} #is-idx #g_sitemap>li>h3{ border-top:2px solid #41456D; } #is-idx #g_sitemap{ padding-right:300px; display:block;} */ #g_footer .s_hr_1 hr{ background:#999;} #is-idx #g_footer .s_hr_1 hr{ background: transparent; } #g_footer .s_hr_2{ clear:both;} #g_footer .s_hr_2 hr{ position:absolute; left:0;} /* #is-idx #g_copyright{ float:right; width:300px; background:url(../img/deco_bg_0.png) #eee; color:#666; font-size:13px; padding:1% 2% 1.5%;} #is-idx #g_copyright header{ font-size:16px; color:#000; padding-bottom:10px; display:block;} #is-idx #g_copyright dl:nth-child(4n) {clear: none;} */ /*IF*/ #if_subNav_top{ width:100%; z-index:1; text-align:center; padding:3px 0; color:#fff;} #if_subNav_top.black_theme{ background:rgba(0,0,0,.7);/* border-bottom:1px solid rgba(255,255,255,.5);*/ position:absolute; } #if_subNav_top.green_theme{ background:#93B92F;} #if_subNav_top header{ font-size:20px; display:inline-block; padding-right:20px; margin-right:10px; height:20px; line-height:20px; vertical-align:middle; border-right:1px solid #fff;} #if_subNav_top>ul{ display:inline-block; vertical-align:middle;} #if_subNav_top>ul>li{ display:inline-block; padding:7px 0px; transition:.3s; position:relative;} #if_subNav_top>ul>li>a{ display:block; color:#fff; padding:2px 10px; border-radius:5px; } #if_subNav_top>ul>li.current>a,#if_subNav_top>ul>li:hover>a{ background:rgba(255,255,255,.9); color:#333; } #if_subNav_top ul.lv2{ left:-0; text-align:left;} #if_subNav_top ul.lv2>li>a{ padding:5px 10px; font-size:13px;} #if_subNav_top .lv1>li:hover>.lv2{ opacity:1; visibility:visible; /*top:30px;*/} #if_subNav_top .lv1>li:hover>.lv2>li{ /*line-height:1.5;*/} #if_subNav_top ul.lv2{ opacity:0; visibility:hidden; position:absolute; top:/*80*/38px; left:50%; transition:.3s; box-shadow:rgba(0,0,0,.5) 0 0 10px; background:rgba(255,255,255,.95); font-size:13px; width:200px; margin-left:-100px; padding:3px; z-index:1;} #if_subNav_top ul.lv2>li{ line-height:1.5/*3*/; transition:.3s;} #if_subNav_top ul.lv2>li>a{ display:block; background:url(../img/dot_line.gif) repeat-x bottom; padding: 5px 10px; font-size: 13px;} #if_subNav_top ul.lv2>li:last-child>a{ background-image:none;} #if_subNav_top ul.lv2>li>a:hover{ background-color:/*#666989*/#A4CC38; color:#fff;} #g_crumb{ text-align:right; } #g_crumb.bg_1{ background:url(../img/deco_bg_5.jpg) center top; /*border-top: 1px solid #999;*/ } #g_crumb ul{ padding: 5px 0;} #g_crumb.products_crumb ul { max-width: 1140px; margin: 0 auto; padding: 5px 0;} #g_crumb li{ display:inline-block; position: relative; margin:4px 0; padding: 8px 0; } #g_crumb li a { line-height: 1.7em; font-size: 14px; } #g_crumb li.current a{ color:#A5CD38;} #g_crumb li i{ background: url(../img/g_icons.png) -87px -44px;; display: inline-block; vertical-align: middle; position: relative; top: -2px; width:16px; height:16px; margin-left:5px;} #g_crumb li .sub { opacity: 0; visibility: hidden; position: absolute; left: 50%; top: 100%; z-index: 10; width: 100%; min-width: 150px; padding: 3px; transform: translateX(calc( -50% - 16px )); text-align: center; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.5); transition: .5s ease; } #g_crumb li .sub a { display: block; width: 100%; line-height: 1.4em; padding: 5px 0;} #g_crumb li .sub a:hover { background: #A5CD38; color: #fff; } #g_crumb li:hover .sub { opacity: 1; visibility: visible; } #g_crumb .s_hr_1{ padding:0;} #g_crumb .s_hr_1 hr{ margin:0;} .s_hr_1{ padding:30px 0; clear:both;} .s_hr_1 hr{ border:0; height:1px; background:#e5e5e5; display:block; position:absolute; left:0; width:100%;} .s_hr_2{ padding:30px 0; clear:both;} .s_hr_2 hr{ border:0; height:1px; background:url(../img/dot_line.gif) repeat-x; display:block; width:100%;} .s_relax_LH_1{ line-height:1.9; margin:3% 0 0;} .s_relax_LH_1 p{ margin:1% 0;} a.nolink{ cursor:default;} a.nolink:hover{ color:#333;} .pd_feature_list{} .pd_feature_list li{ width:32%; margin-right:2%; float:left;} .pd_feature_list li:nth-child(3n){ margin-right:0;} .pd_feature_list img{ width:100%; margin-bottom:5%;} .pd_feature_list .txt{ } /* .pd_feature_list{ float:left;} .pd_feature_list img{ float:left; max-width:100%; width:40%; margin-right:5%; margin-bottom:2%;} .pd_feature_list .txt{ float:left; width:45%;} */ .ft_links{ width:100%; margin:3.5% auto 0;} .ft_links li{ background:#eee; position:relative; width:24.2%; margin-right:1%; float:left; transition:.5s;} .ft_links li:hover{ background:#A5CD38; transition:.2s;} .ft_links li:hover a{ color:#fff;} .ft_links li:hover i{ right:-10%;} .ft_links li:last-child{ margin-right:0;} .ft_links li a{ display:block;} .ft_links li img{ display:inline-block; vertical-align:middle; width:45%;} .ft_links li p{ display:inline-block; vertical-align:middle; position:relative; z-index:1; width:55%; text-align:center;} .ft_links li i{ background: url(../img/g_icons.png) -93px -83px; width:13px; height:20px; display: block; position:absolute; right:5%; bottom:10%; transition:.2s;} #pd_list_header{ background:url(../img/deco_bg_4.png) center top; padding:3% 0 4%; border-bottom:1px solid #e5e5e5;} #pd_list_header .w1040{ display:table; width:90%; max-width:1040px; margin:0 auto;} #pd_list_header h2{ float:left; font-size:40px; padding-right:50px; line-height:1; white-space: nowrap;} #pd_list_header .txt{ display:table-cell; vertical-align:middle; } #if_container{ clear:both; margin:3% 0 0;} #if_left_side{ display: none; float:left; width:220px; /*margin:3% 0;*/ position:absolute;} #pd_side_nav{ margin-bottom:30px;} #pd_side_nav a{ display:block; padding:7px 10px; position:relative;} #pd_side_nav .lv2>li.active .lv3{ opacity:1; visibility:visible; max-height:1000px; margin-bottom:30px;} /*#pd_side_nav .lv3{ opacity:0; visibility:hidden; max-height:0; transition:1s;}*/ #pd_side_nav .lv3>li.current .lv4{ opacity:1; visibility:visible; max-height:1000px; margin-bottom:10px;} #pd_side_nav .lv4{ opacity:0; visibility:hidden; max-height:0; transition:.3s;} #pd_side_nav .lv4.active{ opacity:1; visibility:visible; max-height:150px;} #pd_side_nav .lv2>li{ margin-bottom:10px;} #pd_side_nav .lv2>li>a{ background:url(../img/deco_bg_0.png) #7BA8A8; color:#fff; transition:.5s; cursor:default;} #pd_side_nav .lv2>li>a:hover,#pd_side_nav .lv2>li.active>a{ background-color:#999; transition:.2s;} #pd_side_nav .lv3{} #pd_side_nav .lv3>li>a{ border-bottom:1px solid #95B9B9;} #pd_side_nav .lv3>li>a:hover{ color:#A4CC38;} #pd_side_nav .lv3>li.current>a { border-bottom: none; } #pd_side_nav .lv4>li{ margin-bottom:1px; transition:.5s;} #pd_side_nav .lv4>li>a{ background:#eee; transition:.5s;} #pd_side_nav .lv4>li>a:hover{ background:#ccc; color:#333; transition:.2s;} #pd_side_nav .lv4>li.current>a{ background:#A5CD38; margin-left:-11px; padding-left:21px; color:#fff; position:relative;} #pd_side_nav .lv4>li.current>a::before{ content:''; width: 0;height: 0;border-style: solid;border-width: 0 10px 6px 0;border-color: transparent #52781a transparent transparent; position:absolute; left:0; bottom:-6px;} #pd_side_nav .lv4>li i{ display:none;} #pd_side_nav .lv4>li.current i{ display:block;} #pd_side_nav i{ background:url(../img/g_icons.png); display:inline-block; vertical-align:middle; position:absolute; right:10px; float:right;} #pd_side_nav .lv2>li>a i{ background-position:-70px -24px; width:16px; height:16px; top:9px;} #pd_side_nav .lv4>li>a i{ background-position:-104px -1px; width:20px; height:21px; top:5px;} .pd_relative { clear: both; display: flex; align-items: stretch; flex-wrap: wrap; } .pd_relative > div { width: 100%; margin-bottom: 15px; padding:2px; border: 1px solid #ddd; } .pd_relative h3 { font-weight: bold; } #pd_side_app > div:last-child { margin-right: 0; } #pd_side_app:last-child,#pd_side_tech:last-child,#pd_side_news:last-child { margin-bottom: 0; } #pd_side_app header,#pd_side_tech header,#pd_side_news header{ font-size:16px; padding:3px 8px; background:#ddd; } #pd_side_app li,#pd_side_tech li,#pd_side_news li{ } #pd_side_app li a,#pd_side_tech li a,#pd_side_news li a { display:block; background:#fff url(../img/dot_line.gif) repeat-x bottom; padding:5px 8px; margin-top:0px; transition:background-color .5s;} #pd_side_app li a:hover,#pd_side_tech li a:hover { color: #A4CC38; } #pd_side_news li a:hover { color: #A4CC38; } #pd_side_app li:last-child a, #pd_side_tech li:last-child a, #pd_side_news li:last-child a { background-image: none; } #pd_side_news li a{} #pd_side_news li time{ color:#999; padding-right:10px; margin-right:10px; border-right:1px solid #999;} #pd_side_news li span{ color:#A5CD38;} #if_right_side{ padding-left:270px; /*margin:3% 0;*/} #if_right_side.wide { padding-left: 0; } #if_right_side>header:first-child{ margin-bottom:15px;} #if_right_side img{ max-width:100%;} #if_right_side header .s_bt_1{ float:right; padding: 0px 20px;} #if_right_side header .s_h2_0{ padding-right: 128px; display: block;} #if_right_side header time{ color:#999;} .fn_zone{ position:relative; clear: both; } .fn_zone .s_bt_1{ position:absolute; right:0; padding: 0px 20px;} #pd_list{} #pd_list>li{ background:url(../img/dot_line.gif) repeat-x; position: relative; width:100%; float:left; padding:2% 0;} #pd_list>li{ display: flex; align-items: center; justify-content: space-between; background:url(../img/dot_line.gif) repeat-x; position:relative; width:100%; float:left; padding:2% 0;} #pd_list li a { flex-basis: 300px; width: 300px; } #pd_list li .img{ max-width: 100%; float:left; transition:.4s;} #pd_list li .txt{ width: calc( 100% - 340px ); float: right; } #pd_list li h3{ font-size:20px; margin-bottom:10px; transition:.5s; display: inline-block;} #pd_list li .desc{ padding: 10px 25px; background: #eee; transition:.5s;} #pd_list.list_mode .desc_forGrid{ display: none;} #pd_list li dl{ display: flex; flex-wrap: wrap; margin:2px 0;} #pd_list li dt{ color:#629595; width: 180px; display:inline-block; text-align: right;} #pd_list li dd{ display:inline-block; } #pd_list li label{ position:absolute; top:24px; right:0; cursor:pointer; background:url(../img/deco_bg_0.png) #7BA8A8; padding:3px 10px; color:#fff; transition:.4s;} #pd_list li label.active,#pd_list li label:hover{ background-color:#A5CD38;} #pd_list>li:hover a{ color:#333;} #pd_list>li:hover .desc{ background:#e5e5e5; transition:.2s;} /*#pd_list>li:hover .img{ transform:translateX(5px);}*/ #pd_list>li:hover h3{ color:#A4CC38; transition:.2s;} #pd_list.grid_mode{ display: flex; flex-wrap: wrap; padding-top: 20px;} #pd_list.grid_mode li{ width: 31.5%; padding: 2% 0 30px; margin-right: 2.75%; background: none;} #pd_list.grid_mode li:nth-child(3n){ margin-right: 0; } #pd_list.grid_mode li .img{ width: 100%; /*background-color: #eee;*/ border: 1px solid #ccc; padding: 10px;} #pd_list.grid_mode li .txt{ width: 100%; text-align: center; margin: 10px 0;} #pd_list.grid_mode li .txt .desc{ display: none;} #pd_list.grid_mode .desc_forGrid dl{ position: relative; } #pd_list.grid_mode .desc_forGrid dt, #pd_list.grid_mode .desc_forGrid dd{ text-align: left; display: block; } #pd_list.grid_mode .desc_forGrid dt{ padding-left: 10px;} #pd_list.grid_mode .desc_forGrid dt:before{ content: ''; width: 3px; height: 3px; background-color: #629595; border-radius: 5px; position: absolute; top: 8px; left: 0; } #pd_list.grid_mode .desc_forGrid dd{ padding-left: 10px; } #pd_list.grid_mode li label{ top: auto; bottom: 30px; right: auto; left: 50%; transform: translateX(-50%); white-space: nowrap;} .ft_pager{ margin-top: 2px; margin-bottom: 50px;text-align:center;} .ft_pager a{ background:#ccc; width:20px; height:20px; border-radius:50%; color:#fff; display:inline-block; line-height:20px; margin:0 3px; font-size:12px; transition:.2s;} .ft_pager a:hover{ background:#999; } .ft_pager a.current{ background:#A5CD38; transform:scale(1.1);} .ft_pager a.prev{ background:url(../img/g_icons.png) -125px 0px; width:16px; height:18px; text-indent:-9999px;} .ft_pager a.next{ background:url(../img/g_icons.png) -125px -19px; width:16px; height:18px; text-indent:-9999px;} .grid_wrap{ display: flex; flex-wrap: wrap;} .grid_wrap .item{ float: left; width: 18%; padding: 0 0 30px; margin-right: 2.5%;} .grid_wrap .item:nth-child(5n){ margin-right: 0; } .grid_wrap .item:nth-child(5n+1){ clear: both; } .grid_wrap .item a { display: block; margin: 0; } .grid_wrap .item .pic { margin-bottom: 10px; } .grid_wrap .item img{ width: 100%; /*background-color: #eee;*/ border: 1px solid #ccc; padding: 10px;} .grid_wrap .item img.perIconImg { border: none; padding: 2px; } .grid_wrap .item h3 { margin-bottom: 7px; font-size: 18px; text-align: center;} .grid_wrap .item .text{ width: 100%; } .grid_wrap a:before { display: none; } #downloads { clear: both; } .download_group { margin-bottom: 30px; } .peripherals_group { width: 100%; margin-bottom: 20px; border-bottom: 1px dotted #ccc; } .peripherals_group:last-child { border: none ;} .download_group h3, .peripherals_group h3 { margin-bottom: 10px; font-size: 18px; } .compare_btn_wrap { display: inline-flex; align-items: center; justify-content: center; width: 100%; padding-bottom: 30px; margin-bottom: 20px; background: url("../img/dot_line.gif") repeat-x center bottom;} .compare_btn_wrap label, .compare_btn_wrap a { height: 24px; font-size: 15px; } .compare_btn_wrap label{ margin-right: 15px; cursor:pointer; background:url(../img/deco_bg_0.png) #7BA8A8; padding:3px 10px; color:#fff; line-height: 1.1em; transition:.4s;} .compare_btn_wrap label.active, .compare_btn_wrap label:hover{ background-color:#A5CD38;} .compare_btn_wrap a { line-height: 1.4em; } input[type="checkbox"] { position: absolute; clip: rect(0,0,0,0); } input[type="checkbox"] + label{ cursor: pointer; } input[type="checkbox"] + label:hover{ color: #a4cc38; } input[type="checkbox"] + label::before { content: '\a0'; display: inline-block; vertical-align: .2em; width: 12px; height: 12px; margin-right: 10px; border:1px solid #666; text-indent: 2px; line-height: .8; font-weight:bold; border:1px solid #999; border-radius:3px; } input[type="checkbox"]:checked + label::before { content: '\2713'; color: #FFF; background: #A5CD38; } input[type="checkbox"]:disabled + label::before { background: gray; box-shadow: none; color: #555; cursor: not-allowed; } /* #pd_detail_header{ background:url(../img/deco_bg_4.png) center top; padding:3% 0 4%; border-bottom:1px solid #e5e5e5;} */ #pd_detail_header{ background:#f5f5f5 center top; padding:3% 0 4%; border-bottom:1px solid #e5e5e5;} #pd_detail_header .w1040{ display:table; width:90%; max-width:1040px; margin:0 auto;} #pd_detail_img{ width:50%; float:left; position:relative;} #pd_detail_img .slider { position: relative; } #pdimg_big{ margin:0 auto; width:70%;} #pdimg_big img { opacity:0; max-width: 100%; } #pdimg_small{ text-align:center; width:100%; margin-top: 20px; } #pdimg_small img{ width:15.3%; padding:5px 10px; display:inline-block; background:#fff; border-radius:8px; cursor:pointer; margin:0 1% 1% 0; border:1px solid #ccc; transition:.2s; opacity:.8;} #pdimg_small img.active{ border:1px solid #A5CD38; opacity:1; transform: scale(1.1);} #pd_detail_img_prev{ position:absolute; top:50%; left:0; z-index:2; cursor:pointer; background:url(../img/g_icons.png) -125px -39px; width:16px; height:21px; margin-top: -10px; text-indent:-9999px;} #pd_detail_img_next{ position:absolute; top:50%; right:0; z-index:2; cursor:pointer; background:url(../img/g_icons.png) -125px -61px; width:16px; height:21px; margin-top: -10px; text-indent:-9999px;} #pd_detail_txt{ width:45%; float:right;} #pd_detail_txt .intro{ color:#609393;} #pd_detail_txt h3{ font-size:30px; } #pd_detail_txt .txt{ /*min-height:210px;*/ padding:20px 0; margin-top:20px; background:url(../img/dot_line.gif) repeat-x top;} #pd_detail_txt .s_ul_1{} #pd_detail_txt .icon{ background:url(../img/dot_line.gif) repeat-x bottom; margin-bottom:20px; padding-bottom:15px;} #pd_detail_txt .icon img{ width: auto; max-width: 150px; margin-right:5px; display:inline-block;} #pd_detail_txt .icon img:last-child { margin-right: 0; } .s_ul_1 ul{ } .s_ul_1 li{ background:url(../img/deco_dot_1.png) no-repeat 0 7px; padding-left:10px;} .s_ul_2{} .s_ul_2 li{ background:url(../img/deco_dot_3.png) no-repeat 0 10px; padding-left:10px;} .s_ul_2 ul>li{ background-position:10px 10px; padding-left:20px;} .s_note_1{ background:#eee; padding:20px;} .s_note_2{ border-left:3px solid #ccc; padding-left:10px;} .s_note_2 header{ text-decoration:underline; font-weight:bold;} #pd_detail_txt .s_bt_1{ margin-bottom: 10px; border-radius:0; color:#333; background:#fff; border:1px solid #ccc; padding:6px 10px; margin-right:10px; transition:.5s; vertical-align:top;} #pd_detail_txt .s_bt_1:hover{ background:#eee; color:#333; transition:.2s;} #pd_detail_txt .lv1{ display:inline-block; position:relative;} #pd_detail_txt .lv1>li>a{ display:inline-block; padding:5px 10px;} #pd_detail_txt .lv2{ left:-0; text-align:left; } #pd_detail_txt .lv2>li>a{ padding:5px 10px; font-size:13px;} #pd_detail_txt .lv1>li:hover>.lv2{ opacity:1; visibility:visible; /*top:40px;*/ transition:.3s;} #pd_detail_txt .lv1>li:hover>.lv2>li{ /*line-height:1.5;*/} #pd_detail_txt .lv2{ opacity:0; visibility:hidden; position:absolute; top:/*80*/40px; left:50%; transition:.1s; box-shadow:rgba(0,0,0,.5) 0 0 10px; background:/*rgba(255,255,255,.95)*/#fff; font-size:13px; width:200px; padding:3px; z-index:1; margin-left:-100px;} #pd_detail_txt .lv2.sel_relax{ white-space: nowrap; text-align:center; width:auto;} #pd_detail_txt .lv2>li{ line-height:1.5/*3*/; transition:.3s;} #pd_detail_txt .lv2>li>a{ display:block; padding:10px; background:url(../img/dot_line.gif) repeat-x bottom; padding:5px 10px; font-size:13px; color:#333;} #pd_detail_txt .lv2>li:last-child>a{ background-image:none;} #pd_detail_txt .lv2>li>a:hover{ background-color:#A4CC38/*666989*/; color:fff;} .s_tab_1{ width:100%; float:left; margin-bottom:30px; display: flex;} .s_tab_1 li{ display: flex; flex: 1; border:1px solid #ccc; text-align:center; transition:.5s; justify-content: center; -ms-align-items: center; align-items: center;} .s_tab_1 li+li{ border-left:0;} .s_tab_1 li:hover{ background:#eee; color:#333; transition:.2s;} .s_tab_1 li:hover a{ color:#333;} .s_tab_1 li.current{ background:#A4CC38; border-color:#A4CC38;} .s_tab_1 li.current a{ color:#fff;} .s_tab_1 a{ display:block; width: 100%; padding:8px 10px; box-sizing: border-box; } .s_tab_content{ display:none; float: left; width: 100%;} .s_table_1{ float:left;} .s_table_1{ border:1px solid #ccc; width:100%;} .s_table_1 tr{ transition:.3s;} .s_table_1 tr:hover{ background:#eee; transition:0s;} .s_table_1 th{ color:#609393; background:url(../img/dot_line.gif) repeat-x bottom; width:40%;} .s_table_1 td{ background:url(../img/dot_line.gif) repeat-x bottom; width:60%;} .s_table_1 th,.s_table_1 td{ padding:6px 4%;} .s_table_1 tbody:last-child tr:last-child th, .s_table_1 tbody:last-child tr:last-child td{ background:none;} .s_table_orderInfo{ float:left;} .s_table_orderInfo{ border:1px solid #ccc; width:100%;} .s_table_orderInfo tr{ transition:.3s;} .s_table_orderInfo tr:hover{ background:#eee; transition:0s;} .s_table_orderInfo th{ color:#609393; background:url(../img/dot_line.gif) repeat-x bottom;} .s_table_orderInfo th:nth-child(1){ width:200px;} .s_table_orderInfo td{ background:url(../img/dot_line.gif) repeat-x bottom;} .s_table_orderInfo th,.s_table_orderInfo td{ padding:6px 4%;} .s_table_orderInfo tbody:last-child tr:last-child th, .s_table_orderInfo tbody:last-child tr:last-child td{ background:none;} .s_table_orderInfo b.label{ display:none; color:#609393;} #form_srf_want_1,#form_srf_want_2{ display:none;} #form_srf_want_1 th,#form_srf_want_2 th, #form_srf_want_1 td,#form_srf_want_2 td{ background-color:#f6f6f6;} #form_srf_want_1 tr:hover th,#form_srf_want_2 tr:hover th, #form_srf_want_1 tr:hover td,#form_srf_want_2 tr:hover td{ background:#eee; transition:0s;} .s_table_2{ width:100%; border:1px solid #ccc;} .s_table_2 thead th{ background:url(../img/deco_bg_0.png) #7BA8A8; color:#fff; border-right:1px solid #fff;} .s_table_2 thead th:last-child{ border:0;} .s_table_2 th,.s_table_2 td{ padding:6px 8px; text-align:center; background:url(../img/dot_line.gif) repeat-x bottom; word-break: break-all;} .s_table_2 tbody td.no_data { padding-left: 8px; } .s_table_2 td a{ display:block;} .s_table_2 tr td:first-child{ text-align:left;} .gi_download{ width:17px; height:21px; background-position:-106px -22px; text-indent:-9999px; transition:.2s;} .gi_download_fff{ width:17px; height:21px; background-position:-106px -64px; text-indent:-9999px; transition:.2s;} .gi_link{ width:17px; height:21px; background-position:-168px -22px; text-indent:-9999px; transition:.2s;} .gi_link_fff{ width:17px; height:21px; background-position:-168px -64px; text-indent:-9999px; transition:.2s;} .s_table_2 a:hover i.gi_download{ background-position:-106px -43px;} .s_table_2 a:hover i.gi_link{ background-position:-168px -43px;} .s_table_2 tr:last-child td{ background:none;} .bt_button{width:40%;padding:15px 0;background:#7BA8A8;font-size:16px;border:0;border-radius:6px;color:#fff;text-align:center;cursor:pointer;transition:.5s; display:inline-block;} .bt_button:hover{background:#A4CC38; color:#fff;} .bt_button:hover .gi_download{background-position:-106px -22px} .bt_button:hover .gi_link{background-position:-168px -22px} .bt_button i{ margin-left:5px;} .bt_button:before{ display:none;} /*APPLICATION*/ #if_side_nav { /*margin-bottom:30px;*/ } #if_side_nav a{ display:block; padding:7px 10px; position:relative;} #if_side_nav .lv2>li.active .lv4{ opacity:1; visibility:visible; max-height:1000px; margin-bottom:30px;} /*#if_side_nav .lv4{ opacity:0; visibility:hidden; max-height:0; transition:1s; margin-top:1px;}*/ #if_side_nav .lv2>li{ margin-bottom:10px;} #if_side_nav .lv2>li:last-child { margin-bottom: 0; } #if_side_nav .lv2>li>a{ background:url(../img/deco_bg_0.png) #7BA8A8; color:#fff; transition:.5s;} #if_side_nav .lv2>li>a:hover, #if_side_nav .lv2>li.active>a,#if_side_nav .lv2>li>a.active{ background-color:#999; transition:.2s;} #if_side_nav .lv2>li.current>a,#if_side_nav .lv2>li>a.current{ background:url(../img/deco_bg_0.png) #A5CD38;} #if_side_nav .lv4>li{ margin-bottom:1px;} #if_side_nav .lv4>li>a{ background:#eee; transition:.2s;} #if_side_nav .lv4>li>a:hover{ background:#ccc; color:#333; transition:.2s;} #if_side_nav .lv4>li.current>a{ background:#A5CD38; margin-left:-11px; padding-left:21px; color:#fff; position:relative;} #if_side_nav .lv4>li.current>a::before{ content:''; width: 0;height: 0;border-style: solid;border-width: 0 10px 6px 0;border-color: transparent #52781a transparent transparent; position:absolute; left:0; bottom:-6px;} #if_side_nav .lv4>li i{ display:none;} #if_side_nav .lv4>li.current i{ display:block;} #if_side_nav i{ background:url(../img/g_icons.png); display:inline-block; vertical-align:middle; position:absolute; right:10px; float:right;} #if_side_nav .lv2>li>a i{ background-position:-70px -24px; width:16px; height:16px; top:9px;} #if_side_nav .lv4>li>a i{ background-position:-104px -1px; width:20px; height:21px; top:7px;} .if_pd_list_related{ width:100%;} .if_pd_list_related li{ width:24.6%; margin-right:.5%; margin-bottom:5px; position:relative; float:left; overflow:hidden; background:#eee; transition:.5s;} .if_pd_list_related li:hover{ background:#A5CD38; transition:.2s;} .if_pd_list_related li:hover a{ color:#fff;} .if_pd_list_related li:hover img{ transform:translateX(5px);} .if_pd_list_related li:nth-child(4n){ margin-right:0;} .if_pd_list_related li a{ height:100%;} .if_pd_list_related li div{} .if_pd_list_related li div::before{ content:''; width:0; height:100%; display:inline-block; position:relative; vertical-align:middle; } .if_pd_list_related li img{ max-width:43%; display:inline-block; vertical-align:middle; transition:.3s; margin:5px 0;} #if_right_side .if_pd_list_related li img{ max-width:43%; } .if_pd_list_related li p{ display:inline-block; vertical-align:middle; margin-left:4%; width:50%; font-size:15px;} .ck_zone{ width:100%; float:left;} .ck_zone img, .ck_zone video{ max-width:100%; margin: 0 auto;} .ck_zone a{ color:#A5CC38; position:relative; margin:0 5px;} .ck_zone a::before{ content:''; position:absolute; bottom:-3px; left:0; width:100%; height:1px; background:#A5CC38;} .ck_zone ul,.ck_zone ol{ padding-left: 15px;} .ck_zone ul li{ margin:7px 0; list-style-type: disc;} .ck_zone ol li{ margin:7px 0; list-style-type: decimal;} a.customize_btn { display: block; width: 240px; height: 37px; line-height: 34px; padding-left: 40px; margin: 10px 0 0 -2px; background: #7BA8A8 url(../img/form_btn_icon.png) no-repeat 10px center; -webkit-background-size: auto 19px; background-size: auto 19px; font-size: 13px; color: #fff; } a.customize_btn:hover { background-color: #A5CD38; } a.customize_btn::before { background: none; } /*NEWS*/ #news_year{ float:left; width: 70px; margin: -15px 0 15px 0; padding-top: 3px; background-position: 98% 2px; background:url(../img/g_icons_arrow_twice_iso.png) no-repeat right; /*padding-left:5px;*/ } #if_news_list{} #if_news_list li{ background:#eee; margin-bottom:20px; float:left; width:100%;} #if_news_list li h3{ font-size:16px; line-height:1.4; margin-bottom:5px;} #if_news_list li img{ float:left; margin-right:3%;} #if_news_list li .txt{ padding:10px; font-size:13px;} #if_news_list li .txt>div{ height:107px; overflow:hidden; margin-bottom:5px;} #if_news_list li time{ color:#999; padding-right:10px; margin-right:10px; border-right:1px solid #999;} #if_news_list li span{ color:#A5CD38;} #if_news_list_v2,.faq_list{ clear:both;} #if_news_list_v2 li,.faq_list li{ background:#f7f7f7 url(../img/dot_line.gif) repeat-x bottom; padding:10px; width:100%;} #if_news_list_v2 li:nth-child(even),.faq_list li:nth-child(even){ background-color:#fff;} #if_news_list_v2 li h3,.faq_list li h3{ font-size:16px; line-height:1.4;} #if_news_list_v2 li time,.faq_list li time{ color:#999;} .faq_list li h3{ position: relative; padding-left: 20px; box-sizing: border-box; } .faq_list li h3:before { content: ""; display: inline-block; position: absolute; left: 2px; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: #666; } #if_news_list_v3{ clear:both;} #if_news_list_v3 li{ background:url(../img/dot_line.gif) repeat-x bottom; padding:20px 0; width:100%; clear:both; float:left;} #if_news_list_v3 li:hover .img{ opacity:.7; transition:.2s;} #if_news_list_v3 li .img{ width:40%; display:inline-block; vertical-align:middle; transition:.5s;} #if_news_list_v3 li .txt{ width:59%; display:inline-block; vertical-align:middle; padding-left:20px; font-size:13px;} #if_news_list_v4{ clear:both;} #if_news_list_v4 li{ background:url(../img/dot_line.gif) repeat-x bottom; padding:20px 0; width:100%; clear:both; float:left;} #if_news_list_v4 li .img{ width:49%; display:inline-block; vertical-align:middle;} #if_news_list_v4 li .txt{ width:50%; display:inline-block; vertical-align:middle; padding-left:20px;} #if_news_list_v4 li h3{ color:#A4CC38; font-size:19px; font-weight:400; line-height:1.3;} #if_news_list_v4 li .s_bt_3{ float:right; background:#A4CC38; color:#fff; padding:2px 7px; transition:.2s;} #if_news_list_v4 li .s_bt_3:hover{ background:#999;} #g_overlay{ background:#fff; position:fixed; top:5%; left:0; z-index:1000; width:100%; height:100%; opacity:0; visibility:hidden; transition:.5s; overflow:auto; transform: translate3d(0,0,0);} #g_overlay.active{ opacity:1; visibility:visible; top:0;} #g_overlay .w1040{ max-width:1040px; width:94%; margin:5% auto; position:relative;} #bt_overlay_close{ background:url(../img/g_overview_bt.png); width:60px; height:60px; position:absolute; top:-.5%; left:-8%; z-index:1; text-indent:-9999px; transition:.2s;} #bt_overlay_close:hover{ transform:scale(1.1);} #g_overlay_content{ } #g_overlay_content #if_right_side{ padding-left:0;} #g_overlay_content>#if_right_side>header>a.s_bt_1.align_left{ display:none;} #g_overlay_content>#if_right_side>header .s_h2_0{ padding-right:0;} #g_overlay .load_hide{ display:none;} #g_overlay.peripherals_overlay {} .rma_quick_bt{ float:right; } .rma_quick_bt a{ border:1px solid #999; border-radius:6px; padding:5px 10px; margin-left:10px; display:inline-block;} .rma_quick_bt a span{ color:#9BC134;} .rma_quick_bt a:hover{ border:1px solid #666989;} #lightbox_rma_upload{} #lightbox_rma_upload .inputfile{ width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;} #lightbox_rma_upload .inputfile + label { cursor:pointer; display:block; background:#fff; color:#000; width:60%; font-size:20px; padding:3%; margin:10% auto;} #lightbox_rma_upload .inputfile + label:hover { background-color:#eee;} .lightbox_content{ position:fixed; top:0; left:0; z-index:9999; width:90%; min-height:400px; max-width:600px; background:#A9CE41; color:#fff; text-align:center; transform:translateX(1px); box-shadow:0px 5px 5px rgba(0,0,0,.3); transform:translateY(50px); opacity:0; visibility:hidden; transition:.5s;} .lightbox_content.active{ transform:translateY(0); opacity:1; visibility:visible;} .lightbox_content header{ border-bottom:1px solid #fff; font-size:20px; line-height:3; padding:0 10%;} .lightbox_content h2{} .lightbox_content .bt_send button{ width:40%; padding:10px 0; background:#7BA8A8;} .lightbox_content .bt_send button:hover{ background:#fff; color:#A9CE41;} .lightbox_content .gi_close{ position:absolute; top:20px; right:10px; background-position:-117px -85px;} /*CONTACT*/ .s_red{ color:red;} .s_form_1,.s_form_2,.s_form_3{ width:100%; position:relative;} .s_form_1 li,.s_form_2 li,.s_form_3 li{ width:48%; position:relative; float:left; margin:10px 3% 10px 0;} .s_form_1 li:nth-child(2n){ width:49%; margin-right:0;} .s_form_1 li:nth-child(2n+1){ clear:both;} .s_form_2 li.w100{ width:100%;} .s_form_1 li .s_red,.s_form_2 li .s_red{ position:absolute; top:12px; left:7px; z-index:1;} .s_form_1 li label,.s_form_2 li label{ position:absolute; top:9px; left:20px; color:#333;} .s_form_2 li label[for="ct_newsletter"]{ top:0; left:0; } .s_form_1 li label.no_tip,.s_form_2 li label.no_tip{ position:relative; left:0;} .s_form_1 li input[type=text],.s_form_2 li textarea,.s_form_1 li select, .s_form_5 input[type=text],.s_form_5 textarea,.s_form_5 select{ border-radius:8px; border:1px solid #ccc; width:100%; padding:9px 10px; text-indent:10px;} .s_form_1 li select,.s_form_5 select{ text-indent:10px; font-size: 13px; font-family: verdana; color: #333;} .s_form_2 li textarea,.s_form_5 textarea{ height:100px;} .s_form_5 .check_list li{ width:50%; float:left;} .img_captcha{ border-radius:8px; border:1px solid #ccc; float:left; margin-right:10px; height: 36px; width: 102px;} .s_form_1 .bt_reload,.s_form_5 .bt_reload{ border-radius:8px; border:1px solid #ccc; padding:7px; float:left;} .s_form_1 .bt_send{ padding-left:170px;} .s_form_5 .bt_send{ padding-right:170px;} .s_form_1 button,.s_form_5 button{ width:100%; padding:8px;} .s_form_5 .captcha_box_1{ padding-right:159px;} .s_form_5 .captcha_box_2{ float:right;} .s_form_3 li{ width:33.3%; float:left; margin-right:0;} .s_form_3 label{ color:#333;} .s_form_4 li{ width:auto; margin-right:5%;} .pi_category li{ display: inline-block; vertical-align: middle; } .pi_category select{ border-color: #ccc; } #pi_pdlist{ border-radius: 5px; border: 1px solid #ccc; padding: 5px 10px; margin: 10px 0;} #pi_pdlist li{ margin: 5px 0; } .iframe_gmap{ width:100%; height:400px;} .compare_rwd_table{ overflow-y:auto; } .compare_rwd_table .rwd_thead{ display:none;} .compare_rwd_table .rwd_thead .s_table_1, .compare_rwd_table .rwd_tbody .s_table_1{width:100%;} .compare_rwd_table .s_table_1 th,.compare_rwd_table .s_table_1 td { padding:6px; width:180px; min-width: 150px; } .compare_rwd_table .s_table_1 th{ padding-left:2%; padding-right: 2%;} .compare_rwd_table .s_table_1 tr:first-child td, .compare_rwd_table .s_table_1 tr:first-child th{ background:url(../img/deco_bg_0.png) #7BA8A8; color:#fff; font-size: 15px;} .compare_rwd_table .gi_close{ width:20px; height:20px; background-position:-138px -85px; cursor:pointer; text-indent:-9999px; margin-left:10px;} .compare_rwd_table .gi_close:hover{ background-position:-117px -85px;} /*w800*/ .compare_rwd_table._dragModeOn{ width:100%; border-right:1px solid #ccc;} .compare_rwd_table._dragModeOn .rwd_thead{ width:150px; position:absolute; overflow:hidden; border-right:1px solid #ccc; display:block; z-index:1;} .compare_rwd_table._dragModeOn .rwd_thead table{ /*width:920px;*/} .compare_rwd_table._dragModeOn .rwd_thead td,.compare_rwd_table._dragModeOn .rwd_thead th{ /*width:100%;*/} .compare_rwd_table._dragModeOn .rwd_thead tr{ background-color:#eee;} .compare_rwd_table._dragModeOn .rwd_tbody{ width:100%; overflow:auto; cursor: col-resize;} .compare_rwd_table._dragModeOn .rwd_tbody table{ /*width:920px;*/ border-right:0;} .compare_rwd_table._dragModeOn .rwd_tbody th { width:150px; } .compare_rwd_table._dragModeOn .rwd_tbody td{ width:150px;} .s_table_1 th, .s_table_1 td{ padding:5px;} .compare_rwd_table._dragModeOn .s_table_1 th{padding-left:5px;} .compare_rwd_table._dragModeOn .s_table_1 tr:first-child td, .compare_rwd_table._dragModeOn .s_table_1 tr:first-child th { min-width: 150px; } .gi_close{ width:20px; height:20px; background-position:-144px -62px; cursor:pointer; text-indent:-9999px;} .vs_box{ width:100%; float:left; text-align:center; position:relative;} .vs_box .vs_p1,.vs_box .vs_p2{ width:50%; background:#eee; float:left;} .vs_box .vs_p1{ border-right:1px solid #fff;} .vs_box .vs_p2{ border-left:1px solid #fff;} .vs_box header{ color:#fff; font-size:20px; padding:0px;} .vs_box .vs_p1 header{ background:#A5CD38;} .vs_box .vs_p2 header{ background:#7BA8A8;} .vs_box .txt{ padding:10px 0; font-size:20px;} .vs_box .vs_circle{ background:#fff; border-radius:50%; width:56px; height:56px; box-shadow:0 3px 3px rgba(0,0,0,.3); position:absolute; top:-10px; left:50%; margin-left:-27px; font-size:24px; line-height:2.5;} .odm_box{ padding-left: 0 !important; } .odm_box>li{ width:32%; float:left; margin-right:2%; color:#fff; font-size:15px; margin-bottom:5%; margin: 0 2% 5% 0 !important; list-style-type: none !important;} .odm_box>li:nth-child(3n){ margin-right: 0 !important; } .odm_box h3{ background:#A5CD38; width:100%; float:left; line-height:3.2; overflow:hidden;} .odm_box h3>div{ background-color: #999; height:50px; float:left; width:67%; position: relative; padding-left:4%;} .odm_box h3 b{ font-weight: bold; } .odm_box h3 i{ width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 30px; border-color: transparent transparent transparent #999; text-indent: -9999px; display: inline-block; position: absolute; top:0; right:-30px;} .odm_box h3 span{ width:33%; height:50px; display: block; float:right; text-align:right; padding-right:4%;} .odm_box ul{ color:#333; clear:both; padding-top:10px; padding-left: 0 !important;} .odm_box ul li{ font-style: italic; background: url(../img/deco_dot_3.png) no-repeat 0 9px; font-size: 12px; padding-left:10px; margin: 0; list-style-type: none;} .iframe_wrap { clear:both; width: 100%; height: 0; padding-bottom: /*56.3*/38.3%; margin-bottom:20px; position: relative; transition:1s;} .iframe_wrap iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition:1s;} .check_list+div.hide{ clear:both; padding-top:10px;} #multi_search_list{ width:100%;} #multi_search_list li{ background:#eee; float:left; width:49%; margin:10px 2% 10px 0;} #multi_search_list li:nth-child(2n){ margin-right:0;} #multi_search_list li:nth-child(2n+1){ clear:both;} #multi_search_list a{} #multi_search_list .img{ width:240px; height:100%; float:left; margin-right:1%; background-size:cover;} #multi_search_list .txt{ padding:10px; height:140px; overflow:hidden;} #multi_search_list h3{ font-size:17px; padding-bottom:5px; line-height:1.4;} #multi_search_list p{} #multi_search_list time{ padding-right:5px;} #multi_search_list .more{ color:#A5CD38; border-left:1px solid #999; padding-left:5px;} .legacy_list>li,.ck_zone .legacy_list>li{ float:left; width:31%; margin:0 3.5% 3.5% 0;} .legacy_list>li:nth-child(3n+1){ clear:both;} .legacy_list>li:nth-child(3n){ margin-right:0;} .legacy_list>li h4{ background:#ddd; padding:1px 10px;} .legacy_list ul{ padding:5px 0 0 5px; max-height:130px; overflow:hidden; transition:.5s; position:relative; padding-bottom:40px;} .legacy_list ul.expend{ max-height:3000px;} .legacy_list li.more{ position:absolute; bottom:0; background:#fff; width:100%;} .legacy_list li.more a{ color:#999; margin-top:5px; display:block;} .legacy_list li.more a:before{ display:none;} .ck_zone .app_feas,.pd_fea_icons{ display: flex; flex-wrap: wrap; justify-content: center; text-align: center; padding: 10px 0; /*font-weight: 600;*/ line-height: 1.3; } .ck_zone .app_feas li,.pd_fea_icons li{ margin: 10px 20px !important; list-style: none; } .ck_zone .app_feas li p,.pd_fea_icons li p{ margin: 5px 0; } .pd_fea_icons li a{ display: inline-block; color: #333; } .pd_fea_icons li a:before{ display: none; } /*PARTNER*/ .partner .s_hr_2 { padding: 10px 0;} .partner .s_tab_1 { margin-bottom: 15px; } .partner .s_tab_1 li { background: #fff; } .partner .s_tab_1 li.current { background: #A4CC38; } .partner_wrap { clear: both; width: 100%; } .partner_wrap .item { width: 100%; padding: 15px 20px 20px 20px; box-sizing: border-box; background: url(../img/dot_line.gif) repeat-x left bottom; box-sizing: border-box; } .partner_wrap .item:nth-child(odd) { background-color: #f7f7f7; } .partner_wrap .item .pic, .partner_wrap .item .text { float: left; box-sizing: border-box; } .partner_wrap .item .pic { width: 25%; margin-right: 3%; } .partner_wrap .item .pic img { max-width: 100%; } .partner_wrap .item .text { width: 72%; } .partner_wrap .item .text h3 { margin-bottom: 10px; font-size: 18px; } /*.partner_wrap .item .video { width: 28%; } .partner_wrap .item .video .box { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .partner_wrap .item .video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }*/ /*MOBILE*/ #_m_nav{ } ._m_nav{ max-height:0; overflow:auto; position:fixed; width:100%; height:100%; -webkit-transition:.8s; transition:.8s; -webkit-overflow-scrolling: touch; background: #eee; top: 94px; z-index: 1;} ._m_nav._isOpen{ max-height:1500px; display:block; } #g_wrap._isOpen{ /*-webkit-transform:scale(.8); transform:scale(.8) rotateX(45deg); top:78%; z-index: 1; -webkit-transition:-webkit-transform 1s, top .5s; transition:transform 1s, top .5s;*/} @media screen and (max-height: 400px) { ._m_nav{ height:70%;} #g_wrap._isOpen{ top:70%;} } ._m_nav .lv1 { position:absolute; z-index:1; /*background:blue;*/ width:100%;} ._m_nav .lv1>li{ opacity:0; visibility:hidden; margin-top:20px; transition:all 1s ease .1s; width:100%; text-align:center;} ._m_nav .lv1>li.quick_finder, ._m_nav._isOpen .lv1>li.quick_finder{ margin-top:15px;} ._m_nav .lv1>li.quick_finder .bt_sub::before{ background:none;} ._m_nav._isOpen .lv1>li{ opacity:1; visibility:visible; text-align:center; margin-top:0; transition:all 1s ease .2s;} ._m_nav .lv1>li.quick_finder{ /*padding-bottom: 40%;*/} ._m_nav .lv1>li.quick_finder>a>span,._m_nav .lv1>li.contact>a>span{ display:none;} /*._m_nav .lv1>li.quick_finder,._m_nav .lv1>li.contact{ width:auto;}*/ ._m_nav .lv1>li.quick_finder>a,._m_nav .lv1>li.contact>a{ border-bottom:0; } ._m_nav .lv1>li.quick_finder .bt_sub{ transform:rotate(0); width:100%; background:/*red*/none; border:none;} ._m_nav .lv1>li.contact { /*background:blue;*/ width:auto; padding:0 20px; position:absolute; z-index:1; left:50%; margin-left:-65px; margin-top:15px;} ._m_nav .g_icons.gi_search{ margin-left:65px;} ._m_nav button .g_icons.gi_search{ margin-left:0;} ._m_nav .lv1>li.contact:after{ content:''; position:absolute; top:10px; right:0; height:20px; width:1px; background:#ccc;} ._m_nav .lv1>li.partner span { display: none; } #_mnav_btOpen,#_mpd_leftSide_btWrap{ display:none; } #_mnav_btClose{ width:100%; height:100%; /*background:yellow;*/ opacity:.5;} #_mnav_btOpen,#_mpd_leftSide_btOpen{width:24px;height:24px;position:relative;transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer;float:right; margin-top:5px;} #_mpd_leftSide_btOpen{ margin-top:3px;} #_mnav_btOpen span,#_mpd_leftSide_btOpen span{display:block;position:absolute;height:4px;width:100%;background:#b2b2b2;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out} #_mpd_leftSide_btOpen span{ height:2px;} #_mpd_leftSide_btOpen span{background:#fff;} #_mnav_btOpen span:nth-child(1),#_mpd_leftSide_btOpen span:nth-child(1){top:0} #_mnav_btOpen span:nth-child(2),#_mnav_btOpen span:nth-child(3),#_mpd_leftSide_btOpen span:nth-child(2),#_mpd_leftSide_btOpen span:nth-child(3){top:8px} #_mnav_btOpen span:nth-child(4),#_mpd_leftSide_btOpen span:nth-child(4){top:16px} #_mnav_btOpen.active span:nth-child(1),#_mpd_leftSide_btOpen.active span:nth-child(1){top:18px;width:0;left:50%} #_mnav_btOpen.active span:nth-child(2),#_mpd_leftSide_btOpen.active span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} #_mnav_btOpen.active span:nth-child(3),#_mpd_leftSide_btOpen.active span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)} #_mnav_btOpen.active span:nth-child(4),#_mpd_leftSide_btOpen.active span:nth-child(4){top:18px;width:0;left:50%} #_mpd_leftSide_btWrap{ background: #999; padding: 5px 3%; color: #fff; font-size:17px; margin: 0% 0 20px 0; } #tablet_sub{ max-height:0; overflow:hidden; transition:.2s; position: fixed; top: 62px; z-index: 10; background-color: #fff; width:100%;} #tablet_sub.show{ max-height:0; transition:max-height 1s, opacity .4s;} #tablet_sub .lv2{ font-size:13px; padding:3px;} #tablet_sub .lv2>li{ line-height:3; transition:.3s; position:relative;} #tablet_sub .lv2>li>a{ display:block; padding:0 10px; background:url(../img/dot_line.gif) repeat-x bottom; color:#333;} #tablet_sub .lv2>li>a.active{ background-color:#A4CC38; color:#fff;} #tablet_sub .lv2>li:last-child>a{ background-image:none;} #tablet_sub .lv2>li>a:hover{ background-color:#A4CC38; color:#fff;} #tablet_sub .lv3>li{ font-size:13px; position:relative;} #tablet_sub .lv3>li>a{ display:block; padding:0px 10px; padding-left:20px;} #tablet_sub .lv3>li:hover>a{ background-color:#A4CC38; color:#fff;} #tablet_sub .lv3{ max-height:0; overflow:hidden; transition:.3s; background:url(../img/dot_line.gif) repeat-x bottom; position:relative;} #tablet_sub .lv4{ max-height:0; overflow:hidden; transition:.3s; font-size:13px; padding:0px; background:#f7f7f7;} #tablet_sub .bt_sub{ border-left:1px dotted #ccc; width:100px; height:40px; position:absolute; top:0; right:0; cursor:pointer;} #tablet_sub .bt_sub::before{ content:''; background:url(../img/g_icons_arrow_dn_iso.png) no-repeat center; width:16px; height:16px; position:absolute; top:50%; right:50%; margin: -8px -8px 0 0;} #tablet_sub .bt_sub.active::before{ transform:rotate(180deg) } #tablet_sub .bt_sub.active{ background:rgba(255,255,255,.5);} #tablet_sub .lv3.active{ max-height:1000px; padding:5px 0; } #tablet_sub .lv4.active{ max-height:1000px;} #tablet_sub .lv4>li{ line-height:1.5; transition:.3s; border-bottom:1px solid #ccc;} #tablet_sub .lv4>li>a{ display:block; padding:5px 10px; padding-left:30px;} #tablet_sub .lv4>li:hover>a{ background-color:#7BA8A8; color:#fff;} #tablet_sub .lv4>li:hover>.lv4{ opacity:1; visibility:visible; left:100%;} ._m_nav .lv1>li{ /*float:left;*/ position:relative;} ._m_nav .lv1>li>a{ font-size:18px; display:block; padding:10px 0; border-bottom:1px solid #ccc;} ._m_nav .lv2{ max-height:0; opacity:0; visibility:hidden; overflow:hidden; font-size:13px; padding:0px; background:#fff; transition:.5s;} ._m_nav .lv2.active{ max-height:1000px; opacity:1; visibility:visible;} ._m_nav .lv2>li{ line-height:1.5; transition:.3s; position:relative;} ._m_nav .lv2>li>a{ display:block; padding:5px 10px; background:url(../img/dot_line.gif) repeat-x bottom; color:#333;} ._m_nav .lv2>li>a.active{ background:#A4CC38; color:#fff;} ._m_nav .lv2>li:last-child>a{ background-image:none;} ._m_nav .lv2>li>a:hover{ background-color:#A4CC38; color:#fff;} ._m_nav .lv3>li{ font-size:13px; position:relative;} ._m_nav .lv3>li>a{ display:block; padding:5px 10px;} ._m_nav .lv3>li:hover>a{ background-color:#A4CC38; color:#fff;} ._m_nav .lv3{ max-height:0; overflow:hidden; transition:.3s; background:url(../img/dot_line.gif) repeat-x bottom; padding:0; position:relative; } ._m_nav .lv3.active{ max-height:1000px; opacity:1; visibility:visible; padding:5px 0; } ._m_nav .lv4{ max-height:0; overflow:hidden; transition:.3s; font-size:13px; padding:0px; background:#f7f7f7;} ._m_nav .bt_sub{ border-left:1px dotted #ccc; width:100px; height:40px; position:absolute; top:0; right:0; cursor:pointer;} ._m_nav .bt_sub::before{ content:''; background:url(../img/g_icons_arrow_dn_iso.png) no-repeat center; width:16px; height:16px; position:absolute; top:50%; right:50%; margin: -8px -8px 0 0;} ._m_nav .bt_sub.active::before{ transform:rotate(180deg) } ._m_nav .bt_sub.active{ background:rgba(255,255,255,.5);} ._m_nav .lv3 .bt_sub,._m_nav .lv2 .bt_sub{ width:100px; height:32px;} ._m_nav .lv3 .bt_sub.active,._m_nav .lv2 .bt_sub.active{ } ._m_nav .lv4.active{ max-height:1000px;} ._m_nav .lv4>li{ line-height:1.5; transition:.3s; border-bottom:1px solid #ccc;} ._m_nav .lv4>li>a{ display:block; padding:5px 10px;} ._m_nav .lv4>li:hover>a{ background-color:#7BA8A8; color:#fff;} ._m_nav .lv4>li:hover>.lv4{ opacity:1; visibility:visible; left:100%;} /*OWL*/ .owl-item{ transform: translate3d(0, 0, 0);} .owl-theme .owl-controls{text-align:center;-webkit-tap-highlight-color:transparent} .owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none} .owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default} .owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline} .owl-theme .owl-dots .owl-dot span{width:8px;height:8px;margin:5px 7px;background:#484647;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px} .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#A5CD38;} #alertMsg{ width:100%; height:100%; background:rgba(0,0,0,.4); text-align:center; position:fixed; top:0; left:0; z-index:100; transition:.2s; opacity:0; visibility:hidden; color:#000; line-height:2;} #alertMsg.show{ opacity:1; visibility:visible; transition:.5s; } #alertMsg .content{ width:450px; padding:20px; background:#fff; position:absolute; top:50%; left:50%; margin:-100px 0 0 -225px; transition:.3s; box-shadow: rgba(0,0,0,.5) 0 0 10px;} #alertMsg .line{ text-decoration: underline; padding: 0 5px;} #alertMsg.show .content{transform:scale(1);} #alertMsg .msg{ } #alertMsg input[type=text]{ width:100%;} #alertMsg header{ font-size:18px; margin-bottom:10px; line-height: 1.2; margin-top: 15px;} #alertMsg .bt_ok{ background:#7BA8A8; color:#fff; width:45%; margin: 20px auto 0; padding: 0; border:0; font-size:16px; display:block; text-align:center; transition:.5s; cursor:pointer; border-radius:6px;} #alertMsg .bt_ok:hover{ background:#A4CC38;} #alertMsg .close{ background:url(../img/g_icons.png) no-repeat -138px -85px; width:20px; height:20px; position:absolute; top:14px; right:10px; cursor:pointer; transition:0s;} #alertMsg .close:hover{ transform:rotate(90deg); transition:.2s;} /*msg_box*/ .msg_box{ background:rgba(255,255,255,.8); position:fixed; top:0; left:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:.2s; z-index:3; transform:scale(1); line-height:1.5; margin-top:0 !important;} .msg_box.active{ opacity:1; visibility:visible;} .msg_box .msg_wrap{ background:rgba(255,255,255,.95); box-shadow: rgba(0,0,0,.5) 0 0 10px; width:90%; max-width:600px; margin:0 auto; box-shadow:0 0 10px rgba(0,0,0,.5); padding:0 20px 20px; transform:translateY(50px); transition-delay:.5s; transition:.5s; opacity:0; visibility:hidden; text-align: center;} .msg_box.active .msg_wrap{ transform:translateY(0); opacity:1; visibility:visible;} .msg_box .msg_wrap>.close{ cursor:pointer; position:absolute; top:10px; right:10px; width:44px; height:44px; background:#A4CC38; border-radius:3px; transition:.2s; text-align: left; z-index: 10; transform: translateZ(1px);} .msg_box .msg_wrap>.close:hover{ transform:rotate(90deg);} .msg_box .msg_wrap>.close:before{ content:''; width:3px; height:25px; background:#fff; transform:rotate(45deg) translate3d(21px,-9px,0); position:absolute;} .msg_box .msg_wrap>.close:after{ content:''; width:3px; height:25px; background:#fff; transform:rotate(-45deg) translate3d(9px,21px,0); position:absolute;} .msg_box header{ font-size:25px; border-bottom:1px solid #ccc; margin-bottom:3%; line-height: 2.5;} .msg_box .msg_content{ overflow-y: auto; overflow-x: hidden; height:87%; text-align:center; font-size: 15px; line-height: 1.8em; } .msg_box .msg_content img{ max-width:100%;} #msg_video .iframe_wrap { padding-bottom: 56.3%; margin-bottom: 0;} #msg_video.msg_box header{ margin-bottom: 0; } #msg_video.msg_box .msg_wrap{ padding: 0; max-width: 900px;} #mini_loader{ width: 100px; height: 100px; box-shadow: 10px 20px 50px rgba(0,0,0,.2); background: url(../img/loader.gif) no-repeat center 40% #999; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: .5s; transform: scale(0) rotate(15deg); pointer-events: none;} #mini_loader:before{ content: 'loading'; position: absolute; bottom: 25px; left: 0%; width: 100%; text-align: center; color: #fff;} #mini_loader.active{ transform: scale(1) rotate(0deg); pointer-events: auto;} .pd_fea_icons{ text-align: center; display: flex; justify-content: center;} .pd_fea_icons li{ display: inline-block; margin: 10px;} #faq_finder{ float:right;} #faq_finder li{ display: inline-block; vertical-align: top;} #faq_finder.if_faq_finder{ width: 100%; text-align: center; margin: 10px 0 20px;} /*#faq_finder.if_faq_finder input{ width: 40%; }*/ #faq_finder .g_icons.gi_search{ background-image: url("../img/icon_search_w.svg"); background-position: center center; margin: 0; top: 0px; height: 19px;} #faq_finder button{ padding: 1px 5px 3px 5px; margin-left: 8px; } #faq_finder .s_bt_1{ margin-left: 8px; border-radius: 6px; padding:2px 20px; font-size: 14px;} #faq_finder li:last-child{ position: relative; top: 2px; } .faq_highlight{ display: flex; flex-wrap: wrap; padding: 20px 0 0;} .faq_highlight li{ width: 32%; margin-right: 2%; margin-bottom: 15px;} .faq_highlight li:nth-child(3n){ margin-right: 0; } .faq_highlight a{} .faq_highlight .img{ overflow: hidden; } .faq_highlight .img img{ width: 100%; transition: .3s;} .faq_highlight li:hover img{ transform: scale(1.05) } .faq_highlight h3{ padding: 5px 0; } /*.faq_list{ clear: both; background: url(../img/dot_line.gif) repeat-x; } .faq_list li{ background: url(../img/dot_line.gif) repeat-x center bottom; padding: 10px 0; position: relative; padding-left: 35px;} .faq_list li a{ display: block; } .faq_list li i{ background-color: #3D4167; width: 24px; height: 24px; border-radius: 50%; color: #fff; display: inline-block; text-align: center; font-style: normal; line-height: 2; position: absolute; top: 8px; left: 0;} .faq_list li h3{ display: inline-block; } .faq_list li.more{ text-align: right; background: none;} .faq_list li.more a{ color: #A5CD38; } .faq_list li.more a:hover{ color: #749F9F;}*/ .faq_footer_nav{ display: flex; flex-wrap: wrap; padding: 0 0 5px; justify-content: center;} .faq_footer_nav li{ width: 32%; margin-right: 2%; margin-bottom: 15px; background-color: #749F9F; text-align: center;} .faq_footer_nav li:nth-child(3n){ margin-right: 0; } .faq_footer_nav li a{ color: #fff; padding: 15px 0; display: block; transition: .2s;} .faq_footer_nav li a:hover{ background-color: #84b2b2; } .faq_footer_nav li i{ width: 32px; height: 30px; display: inline-block;} .faq_footer_nav .gi_dl{ background-position: -1px -124px; } .faq_footer_nav .gi_user{ background-position: -34px -124px; } .faq_footer_nav .gi_q{ background-position: -67px -124px; } .faq_footer_nav li h4{ display: inline-block; font-size: 16px; margin-left: 10px;} /*.faq_category{ width: 100%; display: flex; flex-wrap: wrap;} .faq_category li{ width: 23%; margin-right: 2.6%; text-align: center; display: flex; flex-wrap: wrap; float: left;} .faq_category li:nth-child(4n){ margin-right: 0; } .faq_category li:hover .img{ background-color: #ddd; } .faq_category li a{ display: block; width: 100%;} .faq_category li .img{ width: 100%; height: 0; padding-bottom: 100%; background-color: #eee; background-position: 50%; background-repeat: no-repeat; background-size: 35%; } .faq_category li h3{ font-size: 17px; margin: 10px 0 30px; }*/ .s_tab_2{ width:100%; float:left; margin-bottom:30px; display: flex; flex-wrap: wrap;} .s_tab_2 li{ display: flex; flex: 1; border:1px solid #ccc; text-align:center; transition:.5s; justify-content: center; -ms-align-items: center; align-items: center; max-width: 33.3%;} .s_tab_2 li+li{ border-left:0;} .s_tab_2 li:hover{ background:#eee; color:#333; transition:.2s;} .s_tab_2 li:hover a{ color:#333;} .s_tab_2 li.current{ background:#A4CC38; border-color:#A4CC38;} .s_tab_2 li.current a{ color:#fff;} .s_tab_2 a{ display:block; padding:8px 10px; } /*20191227 新增*/ #idx_news .group { position: relative; padding-left: 50px; } #idx_news .s_tab_1 { display: flex; flex-direction: column; position: absolute; left: 0; top: 0; width: 50px; height: 100%; padding-bottom: 1px; } #idx_news .s_tab_1 li { width: 100%; height: 50px; padding: 0; border: none; background: none; background-color: #eee; } #idx_news .s_tab_1 li:hover { background-color: #ddd;} #idx_news .s_tab_1 li.current { background-color: #333;} #idx_news .s_tab_1 li a { display: block; position: relative; width: 100%; height: 100%; } #idx_news .s_tab_1 li.current a { background: #333;} #idx_news .s_tab_1 li a:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; background-position: center center; background-size: contain; } #idx_news .s_tab_1 li.icon_news a:before { background-image: url("../img/icon_news.png");} #idx_news .s_tab_1 li.icon_event a:before { background-image: url("../img/icon_event.png"); } #idx_news .s_tab_1 li.icon_edm a:before { background-image: url("../img/icon_edm.png"); } #idx_news .s_tab_1 li.icon_news.current a:before { background-image: url("../img/icon_news_active.png");} #idx_news .s_tab_1 li.icon_event.current a:before { background-image: url("../img/icon_event_active.png");} #idx_news .s_tab_1 li.icon_edm.current a:before { background-image: url("../img/icon_edm_active.png");} #idx_news .s_tab_content li { padding-left: 10px; } .pd_box { margin-bottom: 30px; padding-bottom: 20px; background:url("../img/dot_line.gif") repeat-x center bottom; } .pd_box .head { margin-bottom: 10px; } .pd_box .head h3 { font-size: 22px; color: #A4CC38; } .application_group { clear: both; padding-top: 30px; } .application_wrap { margin-bottom: 50px; } .application_wrap .s_h2_3 { position: relative; margin-bottom: 20px; } .application_wrap .s_h2_3 h2 { position: relative; z-index: 1; } .application_wrap .s_h2_3 div { position: absolute; left: 0; top: 50%; z-index: 0; width: 100%; margin-top: 0; transform: translateY(-50%)} .application_group .application_list li .txt { height: auto !important; padding-top: 8px; padding-bottom: 8px; line-height: 1.3em; color: #fff; } .application_group .application_list li .txt h3 { color: #A5CD38; } .spec_wrap {} .spec_wrap .group { margin-bottom: 20px; } .spec_wrap .group.main .item:first-child, .spec_wrap .group.main .item:first-child .col { font-size: 16px; } .spec_wrap .box { border: 1px solid #C5C5C5; } .spec_wrap .box.tab_box { border: none; } .spec_wrap .title { position: relative; margin-bottom: 7px; padding: 5px 10px 5px 15px; font-size: 17px; } .spec_wrap .tab_group { margin-bottom: 10px; } .spec_wrap .tab_group:last-child { margin-bottom: 0; } .spec_wrap .tab_group .title { padding-left: 10px; margin-bottom: 0; } .spec_wrap .tab_group .title:before { display: none; } .spec_wrap .title:before { content: ""; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; background: #A4CC38; } .spec_wrap .item { display: flex; align-items: stretch; width: 100%; background:url("../img/dot_line.gif") repeat-x 0 bottom; } .spec_wrap .item:last-child { background: none; } .spec_wrap .item:nth-child(odd) { background-color: #eee; } .spec_wrap .col { width: 70%; padding: 5px 10px; font-size: 15px; line-height: 1.7em; } .spec_wrap .col.col_head { width: 30%; color: #609393; } .spec_wrap .col span { display: block; margin-bottom: 3px; } .spec_wrap .col span:last-child { margin-bottom: 0; } .spec_wrap .s_tab_1, .spec_wrap .s_tab_content { float: none; border: 1px solid #C5C5C5; } .spec_wrap .s_tab_1 { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; border-bottom: none; padding-left: 0; margin-bottom: 0;} .spec_wrap .s_tab_1 li { margin: 0; min-width: 100px; font-size: 18px; border: none; border-right: 1px solid #C5C5C5; word-break: break-word; } .spec_wrap .s_tab_1 li:last-child { border-right: none;} .spec_wrap .s_tab_1 li.current a { color: #fff; } .spec_wrap .s_tab_1 li a { color: #333; } .spec_wrap .s_tab_1 li a:before { display: none; } .spec_wrap .s_tab_content { float: none; } .compare_table .spec_wrap { margin: 5px auto; background: #fff; } .spec_wrap .processor .s_tab_1 li.current { background: #eee;} .spec_wrap .processor .s_tab_1 li.current a { color: #609393; } .select_wrap { display: flex; flex-wrap: wrap; align-items: stretch; padding-bottom: 10px; } .select_wrap .box { margin-right: 40px; } .select_wrap .box:last-child { margin-right: 0; } .select_wrap .box h3 { margin-bottom: 10px; font-size: 15px; color: #A4CC38 } .select_wrap select { float: left; height: 26px;} .select_wrap #pi_result { width: 100%; padding: 0 15px; margin-top: 10px; margin-bottom: 20px; background: #eee; border: 1px solid #ddd; } .pd_search { min-height: 500px; } .pd_search .group { display: none; } .pd_search .group.on, .pd_search .group.main { display: block; } .pd_search .group .box { padding-bottom: 10px; margin-bottom: 20px; background: url("../img/dot_line.gif") repeat-x left bottom;} .pd_search .group h3 { display: flex; align-items: stretch; margin-bottom: 15px; font-size: 16px; color: #A4CC38; } .pd_search .group .btn_wrap a { display: inline-block; padding: 5px 15px; margin-right: 7px; margin-bottom: 10px; background: #eee; border-radius: 3px; border: 1px solid #ccc; transition: .3s } .pd_search .group .btn_wrap a:last-child { margin-right: 0; } .pd_search .group .btn_wrap a:hover { background: #609393; border-color: #609393; color: #fff; } .pd_search .group .btn_wrap a.on { background: #A4CC38; border-color: #A4CC38; color: #fff; } .pd_search .submit_btn_wrap { text-align: center; } .pd_search .search_submit { display: inline-block; width: 200px; margin: 0 autp; padding: 7px 20px; background: #A4CC38; color: #fff;} .pd_search .search_submit:hover { background: #609393;} #idx_banner_wrap { margin-top: 78px; } #g_header { padding-top: 20px; padding-bottom: 12px; } #g_nav li .g_icons.gi_partner { margin-right: 8px !important; } #g_nav #top_menu li>a { line-height: 1.7em; font-size: 13px; } /* #g_nav .lv1>li>a { font-size: 16px; } */ #top_menu { display: flex; align-items: stretch; justify-content: flex-end; position: absolute; left: 0; top: 0; width: 100%; height: 40px; background: #eee; } #top_menu > li { display: flex; align-items: center; margin: 0 10px !important; line-height: 20px; } /* #top_menu >li>a { font-size: 12px !important; } */ #top_menu > li:hover > a { color: #A4CC38; background: none !important; } #top_menu > li span { display: inline !important; } #top_menu > li .g_icons { margin-right: 5px !important; } .g_icons.gi_exhi, .g_icons.gi_inquiry, .g_icons.gi_member, .g_icons.gi_mail, .g_icons.gi_partner, .g_icons.gi_search { width:22px; height:20px; margin-right:5px; background-size: contain; background-repeat: no-repeat; background-position: center; background-position: 0 !important; } /* .g_icons.gi_mail, .g_icons.gi_member { height: 23px; } */ .g_icons.gi_exhi{ background-image: url("../img/icon_exhibition.svg");} .g_icons.gi_member{ background-image: url("../img/icon_member.svg");} .g_icons.gi_inquiry{ background-image: url("../img/icon_inquiry.svg");} .g_icons.gi_mail { background-image: url("../img/icon_contact.svg");} .g_icons.gi_search { background-image: url("../img/icon_search.svg");} #g_header li:hover .g_icons.gi_exhi { background-image: url("../img/icon_exhibition_r.svg");} #g_header li:hover .g_icons.gi_inquiry { background-image: url("../img/icon_inquiry_r.svg");} #g_header li:hover .g_icons.gi_member { background-image: url("../img/icon_member_r.svg");} #g_header li:hover .g_icons.gi_mail { background-image: url("../img/icon_contact_r.svg"); background-position: center center;} #g_header li:hover .g_icons.gi_search { background-image: url("../img/icon_search_r.svg"); background-position: center center;} #if_subNav_top.fixed { position: fixed; left: 0; z-index: 5;} ._m_nav li.partner, ._m_nav li.inquiry, ._m_nav li.contact, ._m_nav li.quick_finder, ._m_nav li.member { position: relative; display: inline-block; margin: 0 10px;} ._m_nav li.partner span, ._m_nav li.inquiry span, ._m_nav li.contact span, ._m_nav li.quick_finder span, ._m_nav li.member span { display: none; } .icon_menu { display: flex; align-items: center; justify-content: center; padding-top: 12px; } ._m_nav .g_icons.gi_search { margin-left: 0; } /*20191227 新增 END*/ /*RWD*/ @media screen and (max-width: 1340px) { #g_nav li.contact>a>span,#g_nav li.quick_finder>a>span{ display:none;} #g_nav li.contact>a, #g_nav li.quick_finder>a{ background:none; border:0;} #g_nav li.contact>a .g_icons, #g_nav li.quick_finder>a .g_icons{ margin-right:0;} #g_header.white_theme #g_nav li.contact:hover>a,#g_header.white_theme #g_nav li.quick_finder:hover>a{ border:none; background:none;} #g_nav li.contact, #g_nav li.quick_finder{ margin:0;} #idx_banner .txt img.pd{ margin-top:0;} /*#g_nav li.quick_finder .lv2{ left:-200px;}*/ .odm_box>li{ width:49%; } .odm_box>li:nth-child(3n){ margin-right:2% !important; } .odm_box>li:nth-child(2n){ margin-right:0 !important; } .odm_box>li:nth-child(2n+1){ clear:both;} #idx_pd_quick_finder li{ margin-right:10px; width:12.5%;} #idx_pd_quick_finder li:last-child{ width:auto;} #idx_pd_quick_finder li select{ width:100%;} } @media screen and (max-width: 1280px) { #idx_pd_quick_finder select{ font-size:14px;} #idx_pd_quick_finder li{ margin-right:.5%;} #bt_overlay_close{ position:fixed; top:1%; left:1%; transform:scale(.8);} } @media screen and (max-width: 1200px) { .s_form_3 li{ width:50%;} .select_wrap .s_form_3 li { width: auto; } } @media screen and (max-width: 1150px) { #idx_pd_quick_finder ul{ clear:both; padding:10px 0;} #idx_pd_quick_finder li{ width:15.5%;} #multi_search_list li{ width:100%; margin:10px 0; clear:both;} } @media screen and (max-width: 1100px) { #g_nav .lv1>li>a{ font-size:15px; padding:6px 0;} #g_logo{ width:120px; margin-top:3px;} #g_nav{ margin-left:150px;} /* #g_nav li.contact, #g_nav li.quick_finder, #g_nav li.language{ padding:4px 0;} */ #g_nav li.inquiry>a, #g_nav li.contact>a, #g_nav li.quick_finder>a, #g_nav li.language>a{ padding:1px 7px;} #g_nav li.language>a { margin: 1px 0 0 10px;} #g_header{ padding: 50px 2.5% 13px 2.5%;} #g_wrap { padding-top: 98px;} #tablet_sub { top: 98px; box-shadow: 0 0 3px rgba(0,0,0,.5);} body{ font-size:13px;} .s_h2_1{ font-size:22px; margin-bottom: 20px;} #idx_app .s_h2_1, #idx_case .s_h2_1, #idx_pds .s_h2_1, #idx_news .s_h2_1, #idx_about .s_h2_1{ margin-bottom:10px;} #idx_app .s_bt_1, #idx_case .S_bt_1, #idx_pds .s_bt_1{ margin-top:3px;} #if_right_side>header:first-child{ margin-bottom:20px;} .s_h2_4{ font-size:20px;} #idx_app .s_bt_1, #idx_case .s_bt_1, #idx_pds .s_bt_1{ margin:6px 0 0 0;} .application_list li span{ font-size:13px;} #idx_pd_quick_finder header{ font-size:16px; margin-right:1%;} #idx_pd_quick_finder li{ margin-right:.5%;} /*#g_sitemap .lv2>li>a{ font-size:16px;}*/ #g_copyright/*,#is-idx #g_copyright*/{ width:100%; margin-top:10px;} #g_sitemap/*,#is-idx #g_sitemap*/{ padding-right:0; width:102%;} #idx_app,#idx_case,#idx_pds,#idx_news,#idx_about{ margin-top:20px;} #g_footer{ padding-top:30px;} #idx_news{ width:48%; margin-right:4%;} #idx_about{ width:48%; margin-bottom: 70px; } .ft_links{ width:100%;} #pd_list li label{ top:20px;} #g_nav .lv2{ top:38px;} .legacy_list ul { max-height: 171px;} #idx_banner_wrap { margin-top: 96px; } #pd_list.grid_mode li{ width: 31.5%; margin-right: 2.75%;} #pd_list.grid_mode li:nth-child(4n){ margin-right: 2.75%; } #pd_list.grid_mode li:nth-child(3n){ margin-right: 0; } } @media screen and (max-width: 1024px) { #g_header,#is-idx #g_header{ /*position:relative;*/} #g_nav .lv2{ display:none; top:40px;} #g_nav li.language .lv2{ display:block;} #tablet_sub.show{ max-height:1000px;} #tablet_sub #quick_finder li{ width:46%; float:left; margin:8px 2%; line-height:1;} #tablet_sub #quick_finder li.s_hr_2{ width:96%; margin:0;} #tablet_sub #quick_finder li:first-child{ width:96%;} #tablet_sub #quick_finder .s_hr_2:nth-child(7){ display:none;} #tablet_sub #quick_finder li:nth-child(8){ width:auto;} /* #tablet_sub #quick_finder .s_hr_2:nth-child(2){ display:none;} #tablet_sub #quick_finder .s_hr_2:nth-child(8){ width:96%; margin:0;} #tablet_sub #quick_finder li:nth-child(9){ width:96%; margin: 6px 20px 15px;} */ #tablet_sub #quick_finder header{ padding:0; margin-bottom:10px;} /*#idx_banner .txt{ margin-top:2%;}*/ #idx_banner_wrap #idx_banner_prev, #idx_banner_wrap #idx_banner_next{ transform: scale(.6); top:35%;} .compare_rwd_table{ width:auto; border-right:1px solid #ccc; float:left;} .compare_rwd_table .rwd_thead{ width:150px; position:absolute; overflow:hidden; border-right:1px solid #ccc; display:block; z-index:1;} .compare_rwd_table .rwd_thead table{ /*width:920px;*/} .compare_rwd_table .rwd_thead td,.compare_rwd_table .rwd_thead th{ /*width:100%; word-break: break-all;*/} .compare_rwd_table .rwd_thead tr{ background-color:#eee;} .compare_rwd_table .rwd_tbody{ width:100%; overflow:auto;} .compare_rwd_table .rwd_tbody table{ /*width:920px;*/ border-right:0;} .compare_rwd_table .rwd_tbody th{ width:150px;} .compare_rwd_table .rwd_tbody td{ width:150px;} .s_table_1 th, .s_table_1 td{ padding:5px;} .compare_rwd_table .s_table_1 th{ padding-left:5px;} .compare_rwd_table .s_table_1 tr:first-child td, .compare_rwd_table .s_table_1 tr:first-child th { min-width: 150px;} #if_subNav_top ul.lv2{ display:none; width:0; overflow:hidden;} #idx_pd_list li p,#if_pd_list li p,.if_pd_list_related li p{ font-size:14px;} .s_form_5 .check_list li{ width:100%;} } @media screen and (max-width: 1000px) { /*#idx_banner .txt{ height: auto; bottom: 60px; display:flex; -ms-align-items: end; align-items: end;}*/ .faq_category li{ width: 31%; margin-right: 3.5%; } .faq_category li:nth-child(4n){ margin-right: 3.5%; } .faq_category li:nth-child(3n){ margin-right: 0; } .spec_wrap .s_tab_1 li { font-size: 16px; } } @media screen and (max-width: 990px) { #g_nav li.language a { font-size: 13px; } #g_nav li.language>a { padding-left: 4px; padding-right: 4px; } #g_nav li.language { margin: 0; } .g_icons.gi_partner { width: 28px; height: 24px; } #if_pd_list li{ width:49.7%;} #if_pd_list li:nth-child(2n){ margin-right:0;} #if_pd_list li img{ max-width:25%; margin-left:0;} #if_pd_list li p{ width:68%;} #if_pd_list li img{ margin-left:0%;} #if_pd_list li p{ width:50%;} /*body{ font-size:12px;}*/ .application_list li .txt{ position:relative; margin:0; width:100%; padding: 5%; background: #eee;} .application_list li .txt h3{ color:#333;} .application_list li .txt p { color: #333; } .application_list_v2 li:hover .txt h3{ color:#fff;} .application_list_v2 li .detail{ margin:0; width:100%; padding: 5%;} #idx_pd_quick_finder{ display:none;} /*.pd_feature_list img{ width:50%;}*/ #pd_list li .txt{ width: calc( 100% - 225px );} #if_right_side{ padding-left:250px;} /*.s_tab_1 li{ height:55px;}*/ .if_pd_list_related li{ width:33%;} .if_pd_list_related li:nth-child(3n){ margin-right:0;} .s_form_1 li,.s_form_2 li{ width:100%; margin-right:0;} .s_form_1 li:nth-child(2n){ width:100%; } .s_form_1 li.is-gender{ position:absolute; top:5px; right:10px; width:100px;} .s_bt_1{ font-size:17px;} .vs_box .txt{ font-size:17px;} .vs_box header{ font-size:18px;} .vs_box .vs_circle{ transform:scale(.8);} #g_copyright dl:nth-child(3n){ display:block; height:7px;} #g_copyright dl:nth-child(3n):before{ border:0;} #if_news_list_v3 li .img{ width:100%;} #if_news_list_v3 li .txt{ width:100%; padding-left:0; padding-top:10px;} #if_news_list_v4 li .img{ width:100%;} #if_news_list_v4 li .txt{ width:100%; padding-left:0; padding-top:10px;} #if_pd_list li:nth-child(3n){ margin-right:.5%;} #if_pd_list li:nth-child(3n+1){ clear:none;} #if_pd_list li:nth-child(2n){ margin-right:0;} #if_pd_list li:nth-child(2n+1){ clear:boht;} #idx_banner_cycle_dots{ display:none;} .if_pd_line_list li{ width: 32%; margin-right: 2%;} .if_pd_line_list li:nth-child(3n){ margin-right: 0; } .if_pd_line_list li:nth-child(4n){ margin-right: 2%; } .s_hr_1{ padding:20px 0;} .s_hr_2{ padding:20px 0;} #idx_edm{ padding: 0; margin: 0;} #idx_edm:before{ height: 60px;} #idx_edm>div{ padding: 18px 0;} } @media screen and (max-width: 900px) { .odm_box>li{ width:100%; clear:both;} .odm_box>li:nth-child(3n){ margin-right:0%; } .odm_box>li:nth-child(2n){ margin-right:0; } .rma_quick_bt{ float:none; padding-bottom:10px;} .rma_quick_bt a{ margin:0 10px 10px 0;} } @media screen and (max-width: 850px) { #g_wrap { padding-top: 94px; } #if_subNav_top{ position:relative;} #if_subNav_top header{ display:block; margin-right:0; padding-right:0; padding-bottom:1%; margin-bottom:5px; line-height:2; height:auto;} #if_subNav_top header{ border-right:0; line-height:1.3em;} #if_subNav_top.black_theme{ background:/*rgba(0,0,0,.8)*/#93B92F; border-bottom:0; position:static;} #if_subNav_top .lv1>li:hover>.lv2{ display:none;} #_mnav_btOpen{ display:block;} #g_nav{ margin-right:30px; margin-left: 100px;} /* #g_nav .lv1>li{ display:none;} */ #g_nav .lv1>li>a { font-size: 12px; } #g_nav li { padding: 0 !important; } #g_nav li.language{ display:block; float:left; margin-left: 10px; padding-top: 5px !important; font-size:12px;} #g_nav li.language a{ font-size:12px;} #g_nav li.language>a { padding-left: 8px; } #g_header .g_icons.gi_lang{ display:none;} #g_header.white_theme .g_icons.gi_search{ background-position:-24px -43px;} #quick_finder li{ padding:0 10px; margin:0 10px;} ._m_nav #quick_finder ul{ padding:8px 0;} ._m_nav #quick_finder li{ line-height:1; padding:8px 0;} #quick_finder header{ padding:0 10px;} #idx_banner_wrap #idx_banner_prev, #idx_banner_wrap #idx_banner_next{ transform: scale(.5); top:50%; margin-top:-50px;} #idx_banner_wrap.white_theme #idx_banner_prev, #idx_banner_wrap.white_theme #idx_banner_next{ background:none; border:none;} #current_arrow{ display:none;} .ft_links li{ width:49.5%; margin-bottom:10px;} .ft_links li:nth-child(2n){ margin-right:0;} #if_subNav_top ul.lv2{ width:0;} #pd_list li label{ top:18px;} #pd_list li dt{ width: 100%; text-align: left;} #idx_banner_wrap { margin-top: 93px; } #tablet_sub { top: 94px; } #if_subNav_top header { font-size: 18px; } } @media screen and (max-width: 1000px) and (min-width: 751px) { .s_table_2{ border:0;} .s_table_2 thead{ display:none;} .s_table_2 tr{ border:1px solid #ccc; display:block; margin-bottom:10px;} .s_table_2 tr:last-child td{ background: url(../img/dot_line.gif) repeat-x bottom;} .s_table_2 tr td.hide{ display: none; } .s_table_2 tr td:last-child{ background:none;} .s_table_2 tbody td{ padding-left:35%; position:relative; display:block; text-align:left;} .s_table_2 tbody td::before{ content:attr(data-title); width:30%; position:absolute; top:6px; left:6px; color:#7BA8A8;} #pd_detail_txt .lv1>li>a { text-align: center; } } @media screen and (max-width: 960px) { #idx_pd_cycle_controls{ display: block; } #idx_pd_cycle_prev_pc{ display: none; } #idx_pd_cycle_next_pc{ display: none; } #pd_list.grid_mode li{ width: 49%; margin-right: 2%;} #pd_list.grid_mode li:nth-child(3n){ margin-right: 2%; } #pd_list.grid_mode li:nth-child(2n){ margin-right: 0%; } .grid_wrap .item{ float: left; width: 23.5%; padding-bottom: 20px; margin-right: 2%; } .grid_wrap .item:nth-child(5n){ margin-right: 2%; } .grid_wrap .item:nth-child(5n+1){ clear: none; } .grid_wrap .item:nth-child(4n){ margin-right: 0; } .grid_wrap .item:nth-child(4n+1){ clear: both; } } @media screen and (max-width: 800px) { #top_menu > li span { display: none !important; } .legacy_list>li,.ck_zone .legacy_list>li{ width:48.2%;} .legacy_list>li:nth-child(3n){ margin-right:3.5%;} .legacy_list>li:nth-child(3n+1){ clear:none;} .legacy_list>li:nth-child(2n){ margin-right:0;} .legacy_list>li:nth-child(2n+1){ clear:both;} #idx_banner img.bg,#if_banner img.bg{ display: none; } #if_banner.pd_banner img.bg { display: block; } #idx_banner img.bg_m,#if_banner img.bg_m{ display: block; } /*#idx_banner .txt{ display: none; }*/ } @media screen and (max-width: 750px) { #_mpd_leftSide_btWrap{ display:block;} #g_sitemap>li:first-child{ width:66%} #g_sitemap>li{ width:33%; margin-bottom:20px;} #g_sitemap>li:nth-child(3){ clear:both;} #g_footer .s_hr_1{ display:none;} #g_crumb{ text-align:left;} #if_left_side{ display: block; width:100%;} #if_right_side{ clear: both; padding-left:0;} #if_left_side{ max-height:0; transition:.7s; opacity:0; visibility:hidden; overflow:hidden; position:static;} #if_left_side.active{ max-height:2000px; opacity:1; visibility:visible; box-shadow: 0 0 10px rgba(0,0,0,.5); padding: 20px; margin:0 0 30px;} .footer_icon_btn { display: flex; justify-content: center; padding: 15px 0; } #pd_list li a { flex-basis: 25%; width: 25%; } #pd_list li .txt{ width: 70%; } #pd_detail_img{ width:100%;} #pd_detail_txt{ width:100%;} #pd_detail_txt .txt{ min-height:0;} #pd_detail_txt .btn_wrap { text-align: center; } #pdimg_big{ width:80%;} #pdimg_small{ display:none;} #pd_detail_txt h3{ margin-bottom:2.5%;} .s_tab_1 li { height:auto;} #g_sitemap{ display:none;} #ft_m_nav{ display:block;} #pd_list_header{ display:none;} #g_crumb{ display:none;} .s_h2_0{ font-size:23px;} .pd_feature_list li{ width:48.5%; margin-right:3%; margin-bottom:5%;} .pd_feature_list li:nth-child(2n){ margin-right:0;} .pd_feature_list li:nth-child(2n+1){ clear:both;} #idx_app.pd_feature_list li:nth-child(2n+1){ clear:none;} #idx_edm{ padding: 0 0 20px; margin: 0; position: relative;} #idx_edm:before{ height: 100%; border-bottom: 0;} #idx_edm>div{ padding: 18px 0 0;} #idx_edm label{ display: block; font-size: 18px; padding-bottom: 10px;} #idx_edm input[type=text]{ margin-bottom: 10px; width: 80%;} #idx_edm button{ display: block; margin: 0 auto; width: 50%;} } @media screen and (max-width: 680px) { #g_logo{ position: relative; z-index: 1; width:113px; margin-top: 1px;} #_mnav_btOpen { z-index: 1; } #g_header{ padding: 7px 4.5%;} #g_wrap { padding-top: 43px;} #tablet_sub{ top: 43px;} ._m_nav{ top: 43px;} #g_nav { z-index: 0; } #g_nav .lv1>li { display: none; } #g_nav #top_menu > li { display: inline-block; } #top_menu { align-items: center; justify-content: flex-start; padding-left: 160px; padding-right: 70px; background: none; } #top_menu li { margin: 0 !important; } #top_menu li.partner { display: none !important; } #top_menu li.language { float: left; } #top_menu > li span { display: none !important; } #top_menu > li .g_icons { top: 2px; margin-right: 0 !important;} #top_menu > li .g_icons.gi_arrow_dn { top: -2px; } #idx_banner_wrap{ margin-top: 43px; } } @media screen and (max-width: 650px) { /*#is-idx #g_copyright header{ display:none;}*/ #g_copyright{ text-align:center;} #g_copyright dl, #g_copyright dt, #g_copyright dd { float: none; display: inline-block;} .s_tab_1{ border:0; display:block; margin-left:-5px;} .s_tab_1 li{ width:auto; height:auto; border:1px solid #ccc; border-radius:8px; margin:5px; float:none; display:inline-block;} .s_tab_1 li+li{ border-left:1px solid #ccc;} .s_tab_1 li a{ display:block; padding:4px 10px;} .s_tab_2{ border:0; display:block; margin-left:-5px;} .s_tab_2 li{ width:auto; max-width: 100%; height:auto; border:1px solid #ccc; border-radius:8px; margin:5px; float:none; display:inline-block;} .s_tab_2 li+li{ border-left:1px solid #ccc;} .s_tab_2 li a{ display:block; padding:4px 10px;} .s_table_2{ border:0;} .s_table_2 thead{ display:none;} .s_table_2 tr{ border:1px solid #ccc; display:block; margin-bottom:10px;} .s_table_2 tr:last-child td{ background: url(../img/dot_line.gif) repeat-x bottom;} .s_table_2 tr td:last-child{ background:none;} .s_table_2 tbody td{ padding-left:35%; position:relative; display:block; text-align:left;} .s_table_2 tbody td::before{ content:attr(data-title); width:30%; position:absolute; top:6px; left:6px; color:#7BA8A8;} .s_table_2 tbody td.hide{ display:none;} .pd_fea_icons{ display: block;} .pd_fea_icons li{ display: inline-block; margin: 10px;} #idx_news .s_tab_1 { margin-left: 0; } #idx_news .s_tab_1 li { margin: 0; border-radius: 0; } .spec_wrap .s_tab_1 { margin-left: 0; } .spec_wrap .s_tab_1 li { min-width: 100%; padding: 5px 0; margin-bottom: 10px; font-size: 15px; border-radius: 0;} .spec_wrap .s_tab_1 li a { margin: 0; } } @media screen and (max-width: 550px) { .application_list li .txt { position:absolute; padding:1% 2.5%; background: rgba(0,0,0,.5);} .application_list li .txt h3, .application_list li .txt p { color:#fff;} .application_list li{ width:100%; margin-bottom:20px; margin-right:0;} .application_list.solution_list li{ width: 100%; margin-right: 0; } /*.application_list.solution_list li:nth-child(3) { width: 49%; margin-right: 2%; } .application_list.solution_list li:nth-child(2n) { margin-right: 0; }*/ .application_list_v2 li .detail { padding:1% 2.5%;} .application_list#if_app_list li{ width:100%;} .s_h2_1{ font-size:18px; margin-bottom:17px;} #idx_app .s_h2_1, #idx_case .s_h2_1, #idx_pds .s_h2_1, #idx_news .s_h2_1, #idx_about .s_h2_1{ font-size:18px;} .s_h2_4{ font-size:16px;} .s_bt_1{ font-size:15px; padding:0px 15px;} .s_bt_2{ border: 1px solid #ccc; padding:0px 13px;} .s_bt_2 i{ display:none;} #idx_about a.s_bt_2{ border:0;} #idx_news .s_bt_2, #idx_about .s_bt_2{ font-size:15px; margin-top:1px;} #idx_app,#idx_case,#idx_pds,#idx_news{ margin-top:20px; border-bottom:1px solid #656888; padding-bottom:10px;} #idx_pds{ float:left;} #if_pd_list li{ width:100%; margin-bottom:10px;} #if_pd_list li img{ margin: 0 0 0 10%;} /*#if_pd_list li p { width: 58%;}*/ .if_pd_line_list li{ width: 49%; margin-right: 2%;} .if_pd_line_list li:nth-child(2n){ margin-right: 0; } .if_pd_line_list li:nth-child(3n){ margin-right: 2%; } #idx_news{ width:100%; margin-right:0; } #idx_about{ width:100%;} #pd_detail_txt .s_bt_1 { padding: 6px 10px 5px 10px; } .iframe_gmap{ height:300px;} ._m_nav .bt_sub{ width:40px;} ._m_nav .lv3 .bt_sub,._m_nav .lv2 .bt_sub{ width:40px;} /*.pd_feature_list img{ width:100%;} .pd_feature_list .txt{ width:100%; margin-top:10px; margin-bottom: -10px;} .pd_feature_list .s_h2_1{ margin-bottom:10px;}*/ #if_pd_list li img{ margin-left:-2%; max-width:40%;} .vs_box .vs_p1, .vs_box .vs_p2{ width:100%;} .vs_box .vs_p2{ margin-top:7%;} .vs_box .vs_circle{ top:49%; margin-top:-27px;} #idx_app .s_bt_1, #idx_case .s_bt_1, #idx_pds .s_bt_1{ margin-top:1px;} .s_form_5{ border:none;} .s_form_5 th,.s_form_5 td{ width:100%; float:left; display:block; background:none;} .s_form_5 .bt_send{ padding-right:0;} #idx_app{ width:100%;} #idx_app .application_list li{width:100%;} #idx_case{ width:100%;} #lightbox_rma_upload .inputfile + label{ width:80%;} .lightbox_content .bt_send button{ width:80%;} #lightbox_rma_upload .inputfile + label{ font-size:15px;} .lightbox_content header{ font-size:15px;} .lightbox_content .gi_close{ top:15px;} .s_table_orderInfo tr{ transition:background-color .3s; background:url(../img/dot_line.gif) repeat-x bottom #fff;} .s_table_orderInfo tr:last-child{ background-image:none;} .s_table_orderInfo tr:hover{ } .s_table_orderInfo thead{ display:none;} .s_table_orderInfo th{ background:none; width:100%; display:block;} .s_table_orderInfo th:nth-child(1){ width:100%;} .s_table_orderInfo td{ background:none; width:100%; display:block;} .s_table_orderInfo td:nth-child(1){ padding-bottom:0;} .s_table_orderInfo th,.s_table_orderInfo td{ } .s_table_orderInfo tbody:last-child tr:last-child th, .s_table_orderInfo tbody:last-child tr:last-child td{} .s_table_orderInfo b.label{ display:block; text-align: center;} #multi_search_list .img{ width:35%;} #multi_search_list .txt p{ display:none;} #multi_search_list .txt{ height:auto;} #idx_pd_cycle_controls{ position: static; margin: 15px 0 5px;} .grid_wrap .item{ float: left; width: 32%; padding-bottom: 20px; margin-right: 2%; } .grid_wrap .item:nth-child(4n){ margin-right: 4%; } .grid_wrap .item:nth-child(4n+1){ clear: none; } .grid_wrap .item:nth-child(3n){ margin-right: 0; } .grid_wrap .item:nth-child(3n+1){ clear: both; } } @media screen and (max-width: 500px) { .if_pd_list_related li{ width:49.7%;} .if_pd_list_related li:nth-child(3n){ margin-right:.5%;} .if_pd_list_related li:nth-child(2n){ margin-right:0;} #if_news_list li img{ width:100%; margin-right:0%;} #if_news_list li .txt{ float:left;} .s_form_3 li{ width:100%;} #if_subNav_top{ text-align:left; padding:10px 5% 12px;} #if_subNav_top header{padding-left: 9px;} #pd_list_header h2{ font-size:25px; margin-bottom:10px; padding-right:0; width:100%; text-align:center;} #pd_list_header .txt{ display:inline-block; } #pd_list li label{ top:16px;} .pd_feature_list li{ width:100%; margin-right:0%;} .bt_button{ width:80%;} #alertMsg .content{ width:300px; margin-left:-150px;} #pd_detail_txt .lv2.sel_relax{ width:200px; text-align:left; white-space: inherit;} .application_list_v2 li:hover .txt{ bottom:0;} .application_list_v2 li:hover .detail{ top:100%;} .faq_footer_nav li h4{ margin-left: 0; } .select_wrap .s_form_3 li { width: 30%; margin-right: 5%; } .select_wrap .s_form_3 li:nth-child(3n) { margin-right: 0; } } @media screen and (max-width: 480px) { #if_right_side>header:first-child {display: none;} #top_menu { padding-left: 150px; } #g_nav #top_menu > li { display: none; } #g_nav #top_menu > li.language { display: block; } } @media screen and (max-width: 450px) { #g_nav .lv1>li>a { margin-right: 5px; padding: 0 !important; } #g_nav .lv1>li.language { padding: 0 2px; } #g_nav .lv1>li.language a { top: 1px; padding-left: 3px !important; margin: 0; } #if_pd_list li img{ margin: -1% 0 -2% 0%;} #g_sitemap>li:first-child{ width:100%} #g_sitemap>li{ width:50%;} #g_sitemap>li:nth-child(3){ clear:none;} #g_sitemap>li:nth-child(2n){ clear:both;} .ft_links li{ width:100%; margin-right:0;} .fn_zone .s_bt_1{ margin: 0 auto 20px; display: block; width: 118px; position:static;} .s_h2_0{ font-size:21px;} #g_copyright dl:nth-child(3n){ height:0px;} #pd_list li:first-child { background: none; } #pd_list.list_mode li { display: block; } #pd_list.list_mode li .img { float: none; margin: 0 auto; } #pd_list.list_mode li a, #pd_list.list_mode li .txt { width: 100%; } #pd_list.grid_mode li{ width: 100%; margin-right: 0%;} #pd_list.grid_mode li:nth-child(3n){ margin-right: 0%; } .grid_wrap .item{ float: left; width: 48%; padding-bottom: 20px; margin-right: 4%; } .grid_wrap .item:nth-child(3n){ margin-right: 4%; } .grid_wrap .item:nth-child(3n+1){ clear: none; } .grid_wrap .item:nth-child(2n){ margin-right: 0; } .grid_wrap .item:nth-child(2n+1){ clear: both; } } @media screen and (max-width: 420px) { #pd_list li label { top:14px;} } @media screen and (max-width: 400px) { .application_list.solution_list li{ width: 100% !important; margin-right: 0 !important; } } @media screen and (max-width: 370px) { #pd_detail_txt .s_bt_1, #pd_detail_txt .lv1 { width: 100%; margin: 0; margin-bottom: 10px; } #pd_list li label { top: auto; left: 0; bottom: 10px;} #pd_list>li { padding-bottom: 44px;} #pd_detail_txt .lv2.sel_relax{ margin-left:-75px !important;} .select_wrap .s_form_3 li { width: 48%; margin-right: 4%; } .select_wrap .s_form_3 li:nth-child(3n) { margin-right: 4%; } .select_wrap .s_form_3 li:nth-child(2n) { margin-right: 0; } } img{ height: auto; } .lazy[data-src],.lazy[data-bg]{ opacity: 0; } .lazy.loaded{ transition: opacity .4s linear .2s; opacity: 1; }