@charset "UTF-8";
.chosen-container,.noUi-target,.noUi-target *{-webkit-user-select:none;-ms-user-select:none}.chosen-container{position:relative;display:inline-block;vertical-align:middle;-moz-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container.chosen-with-drop .chosen-drop{clip:auto;-webkit-clip-path:none;clip-path:none}.chosen-container a{cursor:pointer}.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(//www.ramxeed.com/zh-tw/cms/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover,.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(//www.ramxeed.com/zh-tw/cms/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) 0 2px no-repeat}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:url(//www.ramxeed.com/zh-tw/cms/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) 100% -20px no-repeat;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;outline:0;border:0!important;background:0 0!important;-webkit-box-shadow:none;box-shadow:none;font-size:100%;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position:relative;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(//www.ramxeed.com/zh-tw/cms/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));background-image:linear-gradient(#eee 20%,#fff 80%);-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close,.chosen-disabled .chosen-single{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:url(//www.ramxeed.com/zh-tw/cms/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -30px -20px no-repeat;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(//www.ramxeed.com/zh-tw/cms/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #000;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:0 0;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top,#fff 50%,#eee 100%);background-image:-o-linear-gradient(top,#fff 50%,#eee 100%);background-image:linear-gradient(to bottom,#fff 50%,#eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.noUi-pips,.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top,#eee 50%,#ccc 100%);background-image:-o-linear-gradient(top,#eee 50%,#ccc 100%);background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:4px 0 0 4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:0 0;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top,#fff 0,#eee 50%);background-image:-o-linear-gradient(top,#fff 0,#eee 50%);background-image:linear-gradient(to bottom,#fff 0,#eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top,#eee 50%,#fff 100%);background-image:-o-linear-gradient(top,#eee 50%,#fff 100%);background-image:linear-gradient(to bottom,#eee 50%,#fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}.searchandfilter-date-picker .ui-helper-hidden{display:none}.searchandfilter-date-picker .ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.searchandfilter-date-picker .ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.searchandfilter-date-picker .ui-helper-clearfix:after,.searchandfilter-date-picker .ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.searchandfilter-date-picker .ui-helper-clearfix:after{clear:both}.searchandfilter-date-picker .ui-helper-clearfix{min-height:0}.searchandfilter-date-picker .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.searchandfilter-date-picker .ui-front{z-index:100}.searchandfilter-date-picker .ui-state-disabled{cursor:default!important}.searchandfilter-date-picker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.searchandfilter-date-picker .ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.searchandfilter-date-picker .ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next,.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next-hover,.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev-hover{top:1px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev{left:2px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next{right:2px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev-hover{left:1px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next-hover{right:1px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next span,.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0;display:inline-block}.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-month-year{width:100%}.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-month,.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-year{width:49%}.searchandfilter-date-picker .ui-icon{width:16px;height:16px;background-position:16px 16px}.searchandfilter-date-picker .ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.searchandfilter-date-picker .ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.searchandfilter-date-picker .ui-datepicker td{border:0;padding:1px}.searchandfilter-date-picker .ui-datepicker td a,.searchandfilter-date-picker .ui-datepicker td span{display:block;text-align:center;text-decoration:none}.searchandfilter-date-picker .ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ll-skin-melon .ui-datepicker{padding:0}.ll-skin-melon .ui-datepicker-header{border:none;background:0 0;font-weight:400;font-size:15px}.ll-skin-melon .ui-datepicker-header .ui-state-hover{background:0 0;border-color:transparent;cursor:pointer;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}.ll-skin-melon .ui-datepicker .ui-datepicker-title{margin-top:.4em;margin-bottom:.3em;color:#e9f0f4}.ll-skin-melon .ui-datepicker .ui-datepicker-next,.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover,.ll-skin-melon .ui-datepicker .ui-datepicker-prev,.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover{top:.9em;border:none}.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover{left:2px}.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover{right:2px}.ll-skin-melon .ui-datepicker .ui-datepicker-next span,.ll-skin-melon .ui-datepicker .ui-datepicker-prev span{background-image:url(//www.ramxeed.com/zh-tw/cms/wp-content/plugins/search-filter-pro/public/assets/img/ui-icons_ffffff_256x240.png);background-position:-32px 0;margin-top:0;top:0;font-weight:400}.ll-skin-melon .ui-datepicker .ui-datepicker-prev span{background-position:-96px 0}.ll-skin-melon .ui-datepicker table{margin:0}.ll-skin-melon .ui-datepicker th{padding:1em 0;color:#ccc;font-size:13px;font-weight:400;border:none;border-top:1px solid #3a414d}.ll-skin-melon .ui-state-disabled{opacity:1}.ll-skin-melon .ui-state-disabled .ui-state-default{color:#fba49e} .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-ms-touch-action:none;touch-action:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr;background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0;border-radius:3px}.noUi-handle,.noUi-tooltip{position:absolute;border:1px solid #D9D9D9}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-17px;left:auto}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%,0);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.searchandfilter p{margin-top:1em;display:block}.searchandfilter ul{display:block;margin-top:0;margin-bottom:0}.searchandfilter ul li{list-style:none;display:block;padding:10px 0;margin:0}.searchandfilter ul li li{padding:5px 0}.searchandfilter ul li ul li ul{margin-left:20px}.searchandfilter label{display:inline-block;margin:0;padding:0}.searchandfilter>ul>li[data-sf-combobox="1"] label{display:block}.searchandfilter li[data-sf-field-input-type=checkbox] label,.searchandfilter li[data-sf-field-input-type=radio] label,.searchandfilter li[data-sf-field-input-type=range-checkbox] label,.searchandfilter li[data-sf-field-input-type=range-radio] label{padding-left:10px}.searchandfilter .sf-date-prefix{padding-right:5px;display:inline-block}.searchandfilter .sf-count,.searchandfilter .sf-date-postfix{padding-left:5px;display:inline-block}.searchandfilter .screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.searchandfilter h4{margin:0;padding:5px 0 10px;font-size:16px}.searchandfilter .sf-range-max,.searchandfilter .sf-range-min{max-width:80px}.searchandfilter .sf-meta-range-radio-fromto .sf-range-max,.searchandfilter .sf-meta-range-radio-fromto .sf-range-min{display:inline-block;vertical-align:middle}.searchandfilter .sf-meta-range-radio-fromto span.sf-range-values-seperator{vertical-align:middle;display:inline-block;margin:0 15px}.searchandfilter .datepicker{max-width:170px}.searchandfilter select.sf-input-select{min-width:170px}.searchandfilter select.sf-range-max.sf-input-select,.searchandfilter select.sf-range-min.sf-input-select{min-width:auto}.searchandfilter ul>li>ul:not(.children){margin-left:0}.searchandfilter .meta-slider{margin-top:10px;margin-bottom:10px;height:15px;max-width:220px}.searchandfilter .noUi-connect{background-color:#526E91}.searchandfilter.search-filter-disabled .noUi-connect{opacity:.7}.searchandfilter .noUi-horizontal.noUi-extended{padding:0 10px}.searchandfilter .noUi-horizontal.noUi-extended .noUi-origin{right:-10px}.searchandfilter .noUi-handle{border-color:#ccc}.searchandfilter .noUi-horizontal .noUi-handle{width:24px;height:24px;top:-5px;border-radius:20px;left:-12px}.searchandfilter .noUi-horizontal .noUi-handle:after,.searchandfilter .noUi-horizontal .noUi-handle:before{height:9px;top:7px}.searchandfilter .noUi-horizontal .noUi-handle:before{left:9px}.searchandfilter .noUi-horizontal .noUi-handle:after{left:12px}.search-filter-scroll-loading{display:block;margin:20px 10px 10px;height:30px;width:30px;animation:search-filter-loader-rotate .7s infinite linear;border:5px solid rgba(0,0,0,.15);border-right-color:rgba(0,0,0,.6);border-radius:50%}@keyframes search-filter-loader-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.ll-skin-melon{font-size:90%}.ll-skin-melon .ui-datepicker td{background:#f7f7f7;border:none;padding:0}.ll-skin-melon .ui-datepicker th{border-color:#4D6077}.ll-skin-melon .ui-widget{font-family:inherit;background:#526E91;border:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-moz-box-shadow:0 0 3px rgba(0,0,0,.3);-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3)}.searchandfilter.horizontal ul>li{display:inline-block;padding-right:10px}.searchandfilter.horizontal ul>li li{display:block}.ll-skin-melon td .ui-state-default{background:0 0;border:none;text-align:center;padding:.3em;margin:0;font-weight:400;color:#6C88AC;font-size:14px}.ll-skin-melon td .ui-state-active{background:#526E91;color:#fff}.ll-skin-melon td .ui-state-hover{background:#C4D6EC}.searchandfilter li.hide,.searchandfilter select option.hide{display:none}.searchandfilter .disabled{opacity:.7}.chosen-container-multi .chosen-choices li.search-field input[type=text]{height:auto;padding:5px;color:#666;font-family:inherit}.chosen-container{font-size:14px}.chosen-container-single .chosen-single{height:auto}.chosen-container-multi .chosen-choices li.search-choice{margin:3px 3px 3px 5px}.search-filter-results .sf-active{font-weight:700}.search-filter-results .sf-disabled{opacity:.5}*,
::before,
::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-style: solid;
border-width: 0;
min-width: 0;
}   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }   body {
margin: 0;
} main {
display: block;
}  p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
margin: 0;
}  h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
margin: 0;
}  ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}  dt {
font-weight: bold;
}
dd {
margin-left: 0;
}   hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; border-top-width: 1px;
margin: 0;
clear: both;
color: inherit;
} pre {
font-family: monospace, monospace; font-size: inherit; }
address {
font-style: inherit;
}   a {
background-color: transparent;
text-decoration: none;
color: inherit;
} abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: inherit; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}   svg,
img,
embed,
object,
iframe {
vertical-align: bottom;
}   button,
input,
optgroup,
select,
textarea {
-webkit-appearance: none; -moz-appearance: none;
appearance: none;
vertical-align: middle;
color: inherit;
font: inherit;
background: transparent;
padding: 0;
margin: 0;
border-radius: 0;
text-align: inherit;
text-transform: inherit; } button,
[type=button],
[type=reset],
[type=submit] {
cursor: pointer;
}
button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
cursor: default;
} :-moz-focusring {
outline: auto;
}
select:disabled {
opacity: inherit;
} option {
padding: 0;
} fieldset {
margin: 0;
padding: 0;
min-width: 0;
}
legend {
padding: 0;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } [type=number] {
-moz-appearance: textfield;
} label[for] {
cursor: pointer;
}   details {
display: block;
} summary {
display: list-item;
} [contenteditable]:focus {
outline: auto;
}   table {
border-color: inherit; border-collapse: collapse;
}
caption {
text-align: left;
}
td,
th {
vertical-align: top;
padding: 0;
}
th {
text-align: left;
font-weight: bold;
}
body {
background-color: #f8faff;
color: #333333;
font-size: 1rem;
font-family: "Noto Sans JP", sans-serif;
}
a {
text-decoration: none;
}
a img {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
a:hover {
text-decoration: underline;
}
a:hover img {
opacity: 0.6;
}
.container {
width: 100%;
max-width: 1120px;
padding-left: 20px;
padding-right: 20px;
margin: 0 auto;
}
img {
max-width: 100%;
}
.pc {
display: block;
}
@media screen and (max-width: 767px) {
.pc {
display: none;
}
}
.sp {
display: none;
}
@media screen and (max-width: 767px) {
.sp {
display: block;
}
}
header {
background-color: #000000;
position: fixed;
top: 0;
left: 0;
width: 100%;
color: #ffffff;
z-index: 100;
}
header .header_navi {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 71px;
}
@media screen and (min-width: 1024px) and (max-width: 1260px) {
header .header_navi {
gap: 20px;
}
}
header .header_navi .logo {
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 15px 0 0 5.46875vw;
width: 220px;
}
@media screen and (max-width: 1024px) {
header .header_navi .logo {
padding: 15px 0 15px 20px;
width: 108px;
}
}
header .header_navi .navigations {
width: calc(100% - 220px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 4.21875vw;
}
@media screen and (min-width: 1024px) and (max-width: 1260px) {
header .header_navi .navigations {
width: calc(100% - 220px);
}
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations {
width: calc(100% - 128px);
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 15px;
padding-bottom: 15px;
}
}
header .header_navi .navigations .navigation_links {
width: calc(100% - 150px);
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links {
width: 100%;
}
}
header .header_navi .navigations .navigation_links .navigation_links_top ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
font-weight: 500;
font-size: 12px;
line-height: 24px;
text-align: left;
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links .navigation_links_top ul {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 55px;
gap: 15px;
}
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links .navigation_links_top ul li.pc {
display: none;
}
}
header .header_navi .navigations .navigation_links .navigation_links_top ul li.language select {
width: 100px;
background: #000;
border: 0.5px solid #fff;
border-radius: 3px;
font-weight: 500;
font-size: 10px;
line-height: 17px;
text-align: left;
color: #fff;
padding-left: 10px;
}
header .header_navi .navigations .navigation_links .navigation_links_top ul li.language .language_wrap {
background: #000;
position: relative;
}
header .header_navi .navigations .navigation_links .navigation_links_top ul li.language .language_wrap::after {
content: "";
width: 10px;
height: 7px;
background-image: url(//www.ramxeed.com/zh-tw/cms/wp-content/themes/fsm/assets/images/common/arrow_s.svg);
position: absolute;
background-size: cover;
right: 10px;
top: 11px;
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links .navigation_links_top ul li.language .language_wrap::after {
width: 10px;
height: 7px;
}
}
header .header_navi .navigations .navigation_links .navigation_links_top ul li.search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
header .header_navi .navigations .navigation_links .navigation_links_top ul li.search span {
display: block;
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links .navigation_links_top ul li.search span {
display: none;
}
}
header .header_navi .navigations .navigation_links .navigation_links_top ul li.search i {
margin-right: 7px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header .header_navi .navigations .navigation_links .navigation_links_top ul li.search .glass {
fill: #fff;
}
header .header_navi .navigations .navigation_links .navigation_links_top ul li.search:hover {
color: #e4007f;
text-decoration: none;
}
header .header_navi .navigations .navigation_links .navigation_links_top ul li.search:hover .glass {
fill: #e4007f;
}
header .header_navi .navigations .navigation_links .navigation_links_top ul li.humbergers_wrap {
display: none;
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links .navigation_links_top ul li.humbergers_wrap {
display: block;
}
}
header .header_navi .navigations .navigation_links .navigation_links_top ul li.humbergers_wrap .humbergers {
position: absolute;
width: 30px;
height: 14px;
right: 20px;
top: 21px;
}
header .header_navi .navigations .navigation_links .navigation_links_top ul li.humbergers_wrap .humbergers span {
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 1px;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
background-color: #e4007f;
}
header .header_navi .navigations .navigation_links .navigation_links_top ul li.humbergers_wrap .humbergers span:nth-child(1) {
background-color: #fff;
}
header .header_navi .navigations .navigation_links .navigation_links_top ul li.humbergers_wrap .humbergers span:nth-child(2) {
top: 7px;
}
header .header_navi .navigations .navigation_links .navigation_links_top ul li.humbergers_wrap .humbergers span:nth-child(3) {
top: 14px;
}
header .header_navi .navigations .navigation_links .navigation_links_top ul li.humbergers_wrap .humbergers.active span:nth-child(1) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 7px;
}
header .header_navi .navigations .navigation_links .navigation_links_top ul li.humbergers_wrap .humbergers.active span:nth-child(2) {
opacity: 0;
}
header .header_navi .navigations .navigation_links .navigation_links_top ul li.humbergers_wrap .humbergers.active span:nth-child(3) {
top: 7px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
header .header_navi .navigations .navigation_links .navigation_links_bottom {
position: relative;
margin-top: 13.5px;
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links .navigation_links_bottom {
position: fixed;
top: 0;
left: 0;
width: 100%;
visibility: hidden;
pointer-events: none;
opacity: 0;
height: calc(100vh - 54px);
height: calc(100dvh - 54px);
-webkit-transition: all 0.3s;
transition: all 0.3s;
margin-top: 0px;
top: 54px;
z-index: 10;
background-color: #000000;
overflow-y: scroll;
}
header .header_navi .navigations .navigation_links .navigation_links_bottom.active {
opacity: 1;
visibility: visible;
pointer-events: all;
}
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 33px 20px;
padding-bottom: 0;
}
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list > li {
padding-bottom: 15px;
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list > li {
margin-left: 0;
padding-bottom: 0;
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list > li > span {
padding-bottom: 4px;
border-bottom: 1px solid #e4007f;
font-weight: 500;
font-size: 14px;
line-height: 31.5px;
text-align: left;
color: #fff;
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list > li > a {
padding-bottom: 4px;
border-bottom: 1px solid #e4007f;
display: block;
font-weight: 500;
font-size: 14px;
line-height: 31.5px;
text-align: left;
color: #fff;
margin-bottom: 12.5px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1260px) {
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list > li > a {
font-size: 1.25vw;
display: block;
}
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list > li + li {
margin-left: 2.734375vw;
}
@media screen and (min-width: 1024px) and (max-width: 1260px) {
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list > li + li {
margin-left: 10px;
}
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list > li + li {
margin-top: 0;
margin-left: 0;
}
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child {
cursor: pointer;
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child > a {
padding-bottom: 0;
line-height: 1;
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child > a:hover {
text-decoration: none;
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child > span,
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child > a > span {
-webkit-transition: color 0.3s, -webkit-transform 0.3s;
transition: color 0.3s, -webkit-transform 0.3s;
transition: color 0.3s, transform 0.3s;
transition: color 0.3s, transform 0.3s, -webkit-transform 0.3s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (min-width: 1024px) and (max-width: 1260px) {
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child > span,
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child > a > span {
font-size: 1.25vw;
}
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child > span,
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child > a > span {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 12.5px;
}
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child > span svg,
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child > a > span svg {
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child > span i,
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child > span span.icon,
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child > a > span i,
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child > a > span span.icon {
position: relative;
top: 3px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 10px;
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child > span i,
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child > span span.icon,
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child > a > span i,
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child > a > span span.icon {
pointer-events: none;
margin-left: 0;
margin-right: 10px;
}
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child > span .arrow_down,
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child > a > span .arrow_down {
fill: #fff;
-webkit-transition: fill 0.3s;
transition: fill 0.3s;
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu {
visibility: hidden;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
top: 70px;
width: calc(100% - 200px);
background-color: #000000;
padding: 25px 45px 30px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
position: fixed;
z-index: 5;
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu {
width: 100%;
position: relative;
top: auto;
padding: 0;
height: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu::after {
content: "";
height: 1px;
background-color: #585858;
position: absolute;
top: 0;
left: 10px;
width: calc(100% - 70px);
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu::after {
display: none;
}
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu .mega_menu_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu .mega_menu_wrap .mega_menu_title span {
font-weight: bold;
font-size: 16px;
letter-spacing: -0.05em;
line-height: 24px;
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu .mega_menu_wrap .mega_menu_title {
width: 100%;
}
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu .mega_menu_wrap .mega_menu_links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu .mega_menu_wrap .mega_menu_links {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu .mega_menu_wrap .mega_menu_links .mega_menu_title {
width: 16.40625vw;
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu .mega_menu_wrap .mega_menu_links .mega_menu_title {
width: 100%;
}
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu .mega_menu_wrap .mega_menu_links .mega_menu_link > span {
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-align: left;
color: #fff;
margin-bottom: 4px;
display: block;
cursor: default;
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu .mega_menu_wrap .mega_menu_links .mega_menu_link > span {
margin-top: 25px;
}
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu .mega_menu_wrap .mega_menu_links .mega_menu_link ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu .mega_menu_wrap .mega_menu_links .mega_menu_link ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu .mega_menu_wrap .mega_menu_links .mega_menu_link ul li {
margin-top: 8px;
width: 50%;
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu .mega_menu_wrap .mega_menu_links .mega_menu_link ul li.sp-100 {
width: 100%;
}
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu .mega_menu_wrap .mega_menu_links .mega_menu_link ul li a {
font-weight: normal;
font-size: 16px;
line-height: 20px;
text-align: left;
color: #bec4d1;
-webkit-transition: color 0.2s ease-in;
transition: color 0.2s ease-in;
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu .mega_menu_wrap .mega_menu_links .mega_menu_link ul li a:hover {
color: #fff;
text-decoration: none;
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu .mega_menu_wrap .mega_menu_links .mega_menu_link ul li + li {
margin-top: 8px;
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu .mega_menu_wrap .mega_menu_links .mega_menu_link > ul li.has_child ul {
list-style: disc;
padding-left: 2.5em;
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu .mega_menu_wrap .mega_menu_links .mega_menu_link > ul li.has_child ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu .mega_menu_wrap .mega_menu_links .mega_menu_link > ul li.has_child ul li {
margin-top: 8px;
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu .mega_menu_wrap .mega_menu_links .mega_menu_link > ul li.has_child ul li {
width: 100%;
}
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu .mega_menu_wrap .mega_menu_links .mega_menu_link + .mega_menu_link {
margin-left: 8%;
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu .mega_menu_wrap .mega_menu_links .mega_menu_link + .mega_menu_link {
margin-left: 0;
}
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child .mega_menu .mega_menu_wrap .mega_menu_links .mega_menu_link {
margin-top: 0;
}
}
@media screen and (min-width: 1024px) {
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child:hover {
text-decoration: none;
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child:hover > span,
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child:hover > a > span {
color: #e4007f;
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child:hover > span svg,
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child:hover > a > span svg {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child:hover > span .arrow_down,
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child:hover > a > span .arrow_down {
fill: #e4007f;
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child:hover .mega_menu {
visibility: visible;
opacity: 1;
pointer-events: all;
}
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child.active .mega_menu {
opacity: 1;
visibility: visible;
pointer-events: all;
height: auto;
padding-bottom: 30px;
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child.active .mega_menu .mega_menu {
visibility: visible;
opacity: 1;
pointer-events: all;
}
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child.active > span svg,
header .header_navi .navigations .navigation_links .navigation_links_bottom ul.navigation_links_bottom__list li.has_child.active span.icon svg {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
}
header .header_navi .navigations .navigation_links .sp_sub_navi {
padding: 0 20px;
}
header .header_navi .navigations .navigation_links .sp_sub_navi .sp_sub_navi_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
header .header_navi .navigations .navigation_links .sp_sub_navi .sp_sub_navi_list li {
width: 50%;
margin-bottom: 15px;
}
header .header_navi .navigations .navigation_links_contact {
width: 150px;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
@media screen and (max-width: 1024px) {
header .header_navi .navigations .navigation_links_contact {
display: none;
}
}
header .header_navi .navigations .navigation_links_contact a.contact_btn {
background: #e4007f;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header .header_navi .navigations .navigation_links_contact a.contact_btn:hover {
text-decoration: none;
}
footer .footer_top {
background-color: rgba(190, 196, 209, 0.2);
padding: 85px 0;
}
@media screen and (max-width: 1024px) {
footer .footer_top {
padding: 35px 0;
}
}
footer .footer_top .footer_ctas {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
}
@media screen and (max-width: 1024px) {
footer .footer_top .footer_ctas {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
footer .footer_top .footer_ctas .footer_cta a,
footer .footer_top .footer_ctas .footer_cta button {
display: block;
position: relative;
text-decoration: none;
}
@media screen and (max-width: 1024px) {
footer .footer_top .footer_ctas .footer_cta a,
footer .footer_top .footer_ctas .footer_cta button {
border-top: 1px #e4007f solid;
border-right: 1px #e4007f solid;
border-bottom: 1px #333 solid;
border-left: 1px #333 solid;
display: block;
padding: 16px 25px;
}
}
footer .footer_top .footer_ctas .footer_cta a .link_cover,
footer .footer_top .footer_ctas .footer_cta button .link_cover {
padding: 40px 42px;
}
@media screen and (max-width: 1024px) {
footer .footer_top .footer_ctas .footer_cta a .link_cover,
footer .footer_top .footer_ctas .footer_cta button .link_cover {
padding: 0;
}
}
footer .footer_top .footer_ctas .footer_cta a .link_cover p.sub,
footer .footer_top .footer_ctas .footer_cta button .link_cover p.sub {
font-weight: 500;
line-height: 31.5px;
text-align: center;
}
footer .footer_top .footer_ctas .footer_cta a .link_cover p.text,
footer .footer_top .footer_ctas .footer_cta button .link_cover p.text {
font-weight: bold;
font-size: 24px;
line-height: 31.5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1024px) {
footer .footer_top .footer_ctas .footer_cta a .link_cover p.text,
footer .footer_top .footer_ctas .footer_cta button .link_cover p.text {
font-weight: bold;
font-size: 20px;
line-height: 31.5px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
footer .footer_top .footer_ctas .footer_cta a .link_cover p.text .circle,
footer .footer_top .footer_ctas .footer_cta button .link_cover p.text .circle {
width: 25px;
height: 25px;
background: #333333;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 1024px) {
footer .footer_top .footer_ctas .footer_cta a .link_cover p.text .circle,
footer .footer_top .footer_ctas .footer_cta button .link_cover p.text .circle {
margin-left: 5px;
}
}
@media screen and (min-width: 1024px) {
footer .footer_top .footer_ctas .footer_cta a:hover .link_cover img,
footer .footer_top .footer_ctas .footer_cta button:hover .link_cover img {
opacity: 1;
}
footer .footer_top .footer_ctas .footer_cta a:hover::before,
footer .footer_top .footer_ctas .footer_cta button:hover::before {
width: 100%;
height: 100%;
}
footer .footer_top .footer_ctas .footer_cta a:hover::after,
footer .footer_top .footer_ctas .footer_cta button:hover::after {
width: 100%;
height: 100%;
}
}
footer .footer_top .footer_ctas .footer_cta a::before,
footer .footer_top .footer_ctas .footer_cta button::before {
content: "";
width: 100%;
height: 100%;
background-image: url(//www.ramxeed.com/zh-tw/cms/wp-content/themes/fsm/assets/images/common/footer_upper_line.svg);
top: 0;
right: 0;
position: absolute;
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate(15px, -15px);
transform: translate(15px, -15px);
}
@media screen and (max-width: 1024px) {
footer .footer_top .footer_ctas .footer_cta a::before,
footer .footer_top .footer_ctas .footer_cta button::before {
content: none;
}
}
footer .footer_top .footer_ctas .footer_cta a::after,
footer .footer_top .footer_ctas .footer_cta button::after {
content: "";
width: 100%;
height: 100%;
background-image: url(//www.ramxeed.com/zh-tw/cms/wp-content/themes/fsm/assets/images/common/footer_bottom_line.svg);
bottom: 0;
left: 0;
position: absolute;
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate(-15px, 15px);
transform: translate(-15px, 15px);
}
@media screen and (max-width: 1024px) {
footer .footer_top .footer_ctas .footer_cta a::after,
footer .footer_top .footer_ctas .footer_cta button::after {
content: none;
}
}
footer .footer_top .footer_ctas .footer_cta a:hover::before,
footer .footer_top .footer_ctas .footer_cta button:hover::before {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
footer .footer_top .footer_ctas .footer_cta a:hover::after,
footer .footer_top .footer_ctas .footer_cta button:hover::after {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
footer .footer_decoration {
position: relative;
bottom: -2px;
}
footer .footer_decoration img {
width: 100%;
}
footer .footer_bottom {
background-color: #000;
padding: 70px 0 50px;
}
footer .footer_bottom .footer_contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 1024px) {
footer .footer_bottom .footer_contents {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
footer .footer_bottom .footer_contents .footer_logo {
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 6.25%;
}
@media screen and (max-width: 1024px) {
footer .footer_bottom .footer_contents .footer_logo {
margin-top: 40px;
padding-right: 0;
}
}
footer .footer_bottom .footer_contents .footer_content {
width: 100%;
}
footer .footer_bottom .footer_contents .footer_content .footer_links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 1024px) {
footer .footer_bottom .footer_contents .footer_content .footer_links {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
footer .footer_bottom .footer_contents .footer_content .footer_links .footer_link {
margin-top: 15px;
position: relative;
}
footer .footer_bottom .footer_contents .footer_content .footer_links .footer_link p.head a,
footer .footer_bottom .footer_contents .footer_content .footer_links .footer_link p.head span {
border-bottom: #e4007f 1px solid;
font-weight: 500;
font-size: 14px;
line-height: 24px;
text-align: left;
color: #fff;
text-decoration: none;
}
footer .footer_bottom .footer_contents .footer_content .footer_links .footer_link p.head span.icon {
display: none;
}
@media screen and (max-width: 1024px) {
footer .footer_bottom .footer_contents .footer_content .footer_links .footer_link p.head {
position: relative;
border-bottom: #e4007f 1px solid;
}
footer .footer_bottom .footer_contents .footer_content .footer_links .footer_link p.head a,
footer .footer_bottom .footer_contents .footer_content .footer_links .footer_link p.head span {
border-bottom: none;
}
footer .footer_bottom .footer_contents .footer_content .footer_links .footer_link p.head span.icon {
display: block;
position: absolute;
top: 0;
right: 0;
}
}
@media screen and (max-width: 1024px) {
footer .footer_bottom .footer_contents .footer_content .footer_links .footer_link p.head.active.has_child::after {
-webkit-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg);
}
}
footer .footer_bottom .footer_contents .footer_content .footer_links .footer_link p.head.active.has_child + .footer_link_lists {
height: auto;
visibility: visible;
opacity: 1;
pointer-events: all;
}
@media screen and (max-width: 1024px) {
footer .footer_bottom .footer_contents .footer_content .footer_links .footer_link p.head.has_child::after {
content: "";
width: 13px;
height: 8px;
background-image: url(//www.ramxeed.com/zh-tw/cms/wp-content/themes/fsm/assets/images/common/arrow_down.svg);
background-size: cover;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
}
@media screen and (max-width: 1024px) {
footer .footer_bottom .footer_contents .footer_content .footer_links .footer_link .footer_link_lists {
height: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
pointer-events: none;
}
}
footer .footer_bottom .footer_contents .footer_content .footer_links .footer_link .footer_link_lists li {
margin-top: 12px;
}
footer .footer_bottom .footer_contents .footer_content .footer_links .footer_link .footer_link_lists li a {
font-size: 14px;
line-height: 20px;
text-align: left;
color: #bec4d1;
-webkit-transition: color 0.2s ease-in;
transition: color 0.2s ease-in;
}
footer .footer_bottom .footer_contents .footer_content .footer_links .footer_link .footer_link_lists li a:hover {
color: #ffffff;
text-decoration: none;
}
footer .footer_bottom .footer_contents .footer_content .footer_links .footer_link p.head + p.head {
margin-top: 20px;
}
footer .footer_bottom .footer_contents .footer_content .footer_links .footer_link .footer_sub_links {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
@media screen and (max-width: 1024px) {
footer .footer_bottom .footer_contents .footer_content .footer_links .footer_link .footer_sub_links {
gap: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
footer .footer_bottom .footer_contents .footer_content .footer_links .footer_link .footer_sub_links a {
width: 50%;
margin-bottom: 15px;
}
}
footer .footer_bottom .footer_contents .footer_content .footer_links .footer_link .footer_sub_links a {
font-weight: normal;
font-size: 14px;
line-height: 24px;
text-align: left;
color: #fff;
}
footer div.copy {
padding: 10px 0;
border-top: 0.5px solid #4b4a4a;
background-color: #000;
}
footer div.copy .copy_contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
footer div.copy .copy_contents {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
footer div.copy .copy_contents div.copy-right {
font-size: 10px;
line-height: 25px;
text-align: left;
color: #fff;
}
footer div.copy .copy_contents .copy_links .copy_link_lists {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
footer div.copy .copy_contents .copy_links .copy_link_lists li {
margin-bottom: 10px;
}
}
footer div.copy .copy_contents .copy_links .copy_link_lists li a {
padding: 0 1em;
border-left: 1px solid #fff;
font-weight: normal;
font-size: 10px;
line-height: 1;
color: #fff;
}
footer div.copy .copy_contents .copy_links .copy_link_lists li:first-child a {
border: none;
}
.back_to_top {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 50;
}
@media screen and (max-width: 767px) {
.back_to_top {
bottom: 0;
right: 0;
}
}
.child_mv .child_mv_content {
position: relative;
}
.child_mv .child_mv_content .mv_image img {
height: 300px;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
@media screen and (max-width: 767px) {
.child_mv .child_mv_content .mv_image img {
height: auto;
}
}
.child_mv .child_mv_content .mv_title {
width: 100%;
max-width: 1120px;
padding-left: 20px;
padding-right: 20px;
position: absolute;
top: calc(50% + 35px);
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
.child_mv .child_mv_content .mv_title {
top: 50%;
}
}
.child_mv .child_mv_content .mv_title h1,
.child_mv .child_mv_content .mv_title h2 {
font-weight: 900;
font-size: 60px;
line-height: 1.4;
text-align: left;
color: #fff;
}
@media screen and (max-width: 767px) {
.child_mv .child_mv_content .mv_title h1,
.child_mv .child_mv_content .mv_title h2 {
font-weight: 900;
font-size: 40px;
line-height: 40px;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
}
}
.child_mv .child_mv_content .mv_title h1 span,
.child_mv .child_mv_content .mv_title h2 span {
margin-top: 10px;
display: block;
font-weight: bold;
font-size: 20px;
line-height: 45px;
text-align: left;
color: #fff;
}
@media screen and (max-width: 767px) {
.child_mv .child_mv_content .mv_title h1 span,
.child_mv .child_mv_content .mv_title h2 span {
margin-top: 0;
font-weight: bold;
font-size: 20px;
line-height: 45px;
text-align: left;
color: #fff;
}
}
.breadcrumb {
background-color: #000;
padding: 20px 0;
}
@media screen and (max-width: 767px) {
.breadcrumb {
display: none;
}
}
.breadcrumb nav ol {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.breadcrumb nav ol li {
position: relative;
}
.breadcrumb nav ol li a {
font-weight: normal;
font-size: 16px;
letter-spacing: 0.06em;
text-align: left;
color: #bec4d1;
}
.breadcrumb nav ol li span.current {
font-weight: 500;
font-size: 16px;
letter-spacing: 0.06em;
text-align: left;
color: #fff;
}
.breadcrumb nav ol li:first-child::before {
content: none;
}
.breadcrumb nav ol li::before {
content: ">";
font-weight: normal;
font-size: 16px;
letter-spacing: 0.06em;
text-align: left;
color: #bec4d1;
margin: 0 8px;
}
.breadcrumb nav ol li:last-child::before {
color: #fff;
}
.breadcrumb.breadcrumb_white {
background-color: transparent;
}
.breadcrumb.breadcrumb_white nav ol {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.breadcrumb.breadcrumb_white nav ol li a {
font-weight: normal;
font-size: 16px;
letter-spacing: 0.06em;
text-align: left;
color: #bec4d1;
}
.breadcrumb.breadcrumb_white nav ol li span.current {
color: #333;
}
.breadcrumb.breadcrumb_white nav ol li:last-child::before {
color: #333;
}
.local_navi_wrap {
background-color: #000;
padding: 20px 0;
}
.local_navi_wrap .local_navi_container {
padding: 12.5px 0;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
@media screen and (max-width: 767px) {
.local_navi_wrap .local_navi_container {
border: none;
}
}
.local_navi_wrap .local_navi_container .local_navies {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.local_navi_wrap .local_navi_container .local_navies {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 12px;
font-weight: 500;
font-size: 16px;
line-height: 35px;
}
.local_navi_wrap .local_navi_container .local_navies span {
width: calc(50% - 6px);
border: 1px solid #fff;
padding: 5.5px 0;
display: block;
}
.local_navi_wrap .local_navi_container .local_navies a {
width: calc(50% - 6px);
background: transparent;
border: 1px solid #fff;
padding: 5.5px 0;
display: block;
}
.local_navi_wrap .local_navi_container .local_navies .sp-100 {
width: 100%;
}
}
.local_navi_wrap .local_navi_container .local_navies span {
font-weight: 500;
font-size: 16px;
line-height: 35px;
text-align: center;
color: #bec4d1;
opacity: 0.6;
}
.local_navi_wrap .local_navi_container .local_navies a {
font-weight: 500;
font-size: 16px;
line-height: 35px;
text-align: center;
color: #fff;
}
main h2 {
font-weight: bold;
font-size: 50px;
line-height: 1.6;
text-align: center;
color: #333;
}
@media screen and (max-width: 767px) {
main h2 {
font-weight: bold;
font-size: 32px;
line-height: 45px;
}
}
main h2 + .head_description {
font-weight: 500;
margin-top: 15px;
}
@media screen and (max-width: 767px) {
main h2 + .head_description {
font-size: 16px;
line-height: 30px;
}
}
main h2.text-left {
text-align: left;
}
main span.main-color {
color: #e4007f;
}
main section {
padding: 100px 0;
}
main section.bg-c {
background: rgba(190, 196, 209, 0.2);
}
@media screen and (max-width: 767px) {
main section {
padding: 75px 0;
}
}
main div.layouts__flex_img_text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 60px;
}
@media screen and (max-width: 767px) {
main div.layouts__flex_img_text {
margin-top: 40px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
main div.layouts__flex_img_text div.image {
width: 100%;
}
main div.layouts__flex_img_text div.image img {
width: 100%;
max-width: calc(100% - 70px);
}
@media screen and (max-width: 767px) {
main div.layouts__flex_img_text div.image img {
max-width: 100%;
}
}
main div.layouts__flex_img_text div.image figcaption {
font-weight: 500;
font-size: 1.5rem;
line-height: 30px;
text-align: center;
width: 100%;
max-width: calc(100% - 70px);
margin-top: 7.5px;
}
@media screen and (max-width: 767px) {
main div.layouts__flex_img_text div.image figcaption {
max-width: 100%;
font-weight: 500;
font-size: 16px;
line-height: 30px;
}
}
main div.layouts__flex_img_text .text {
width: 100%;
}
@media screen and (max-width: 767px) {
main div.layouts__flex_img_text .text {
margin-top: 20px;
}
}
main div.layouts__flex_img_text .text p {
line-height: 30px;
}
main div.layouts__flex_img_text .text p + p {
margin-top: 40px;
}
@media screen and (max-width: 767px) {
main div.layouts__flex_img_text .text p + p {
margin-top: 20px;
}
}
.component__solution_issue_box {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.component__solution_issue_box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.component__solution_issue_box .issue_box {
width: calc(50% - 50px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 767px) {
.component__solution_issue_box .issue_box {
width: 100%;
}
}
.component__solution_issue_box .issue_box .issue_head {
background: rgba(190, 196, 209, 0.5);
font-weight: bold;
font-size: 20px;
letter-spacing: 0.2em;
line-height: 40px;
text-align: center;
}
.component__solution_issue_box .issue_box .issue_content {
margin-top: 18px;
line-height: 30px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.component__solution_issue_box .arrow {
width: 65px;
}
@media screen and (max-width: 767px) {
.component__solution_issue_box .arrow {
width: 100%;
text-align: center;
}
}
.component__solution_issue_box .arrow img {
margin-top: 80px;
}
@media screen and (max-width: 767px) {
.component__solution_issue_box .arrow img {
margin-top: 20px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
.component__solution_issue_box .solution_box {
width: calc(50% - 50px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 767px) {
.component__solution_issue_box .solution_box {
width: 100%;
margin-top: 20px;
}
}
.component__solution_issue_box .solution_box .solution_head {
background: #333;
font-weight: bold;
font-size: 20px;
line-height: 40px;
color: #fff;
text-align: center;
}
.component__solution_issue_box .solution_box .solution_content {
margin-top: 18px;
line-height: 30px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.component__solution_issue_box + .solution_issue_box {
margin-top: 50px;
}
.component__solution_issue_box .image {
margin-top: 34px;
}
.component__solution_issue_box.solution_issue_img_box {
position: relative;
}
.component__solution_issue_box.solution_issue_img_box .arrow {
width: 65px;
}
@media screen and (max-width: 767px) {
.component__solution_issue_box.solution_issue_img_box .arrow {
width: 100%;
text-align: center;
}
}
.component__solution_issue_box.solution_issue_img_box .arrow img {
margin-top: 0;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
.component__solution_issue_box.solution_issue_img_box .arrow img {
margin-top: 20px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
position: relative;
left: auto;
}
}
.component__solution_issue_box.solution_issue_img_box .image {
line-height: 30px;
text-align: center;
margin-top: 5px;
}
.layouts__link_cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 45px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.layouts__link_cards {
margin-top: 30px;
}
}
.layouts__link_cards .link_card {
background: #fff;
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15);
padding: 15px 15px 10px 15px;
width: 100%;
max-width: 330px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
.layouts__link_cards .link_card {
max-width: 100%;
}
}
.layouts__link_cards .link_card a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.layouts__link_cards .link_card a div.title {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.layouts__link_cards .link_card a h3 {
margin-top: 4px;
font-weight: bold;
font-size: 20px;
line-height: 30px;
min-height: 80px;
}
@media screen and (max-width: 767px) {
.layouts__link_cards .link_card a h3 {
margin-top: 10px;
font-size: 16px;
line-height: 24px;
}
}
.layouts__link_cards .link_card a .link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.layouts__link_cards .link_card a .link {
font-weight: 500;
font-size: 16px;
line-height: 30px;
}
}
.layouts__link_cards .link_card a .link img {
margin-left: 5px;
}
.layouts__link_cards .link_card a:hover {
text-decoration: none;
}
.layouts__link_cards .link_card a:hover img {
opacity: 1;
}
.layouts__link_cards .link_card a:hover .title h3 {
text-decoration: none;
}
.layouts__link_cards .link_card a:hover .title h3 span {
text-decoration: none;
}
.layouts__link_cards .link_card a:hover .link {
text-decoration: underline;
}
.component__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 70px;
}
@media screen and (max-width: 767px) {
.component__btn {
margin-top: 35px;
}
.component__btn + .component__btn {
margin-top: 15px;
}
}
.component__btn a.btn {
font-weight: 500;
line-height: 1;
min-width: 370px;
border: 1px solid #333;
padding: 13px 43px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
@media screen and (max-width: 767px) {
.component__btn a.btn {
min-width: auto;
width: 100%;
}
}
.component__btn a.btn:hover {
text-decoration: none;
}
.component__btn a.btn span.transition_arrow {
width: 25px;
height: 25px;
background: #333;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
margin-left: 7px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.component__btn a.btn span.transition_arrow > img {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.component__btn a.btn span.transition_arrow .arrow_right {
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
stroke: #fff;
}
.component__btn a.btn:hover {
background-color: #333;
color: #fff;
}
.component__btn a.btn:hover span.transition_arrow {
background-color: white;
}
.component__btn a.btn:hover span.transition_arrow > img {
opacity: 1;
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
.component__btn a.btn:hover span.transition_arrow .arrow_right {
stroke: #333;
}
.component__h3 {
margin-top: 50px;
font-weight: bold;
font-size: 30px;
line-height: 35px;
}
@media screen and (max-width: 767px) {
.component__h3 {
font-weight: bold;
font-size: 24px;
line-height: 35px;
}
}
.component__head_bg {
margin-top: 100px;
background: #333;
color: #fff;
padding: 5px 15px;
font-weight: bold;
font-size: 20px;
line-height: 35px;
text-align: left;
color: #fff;
}
@media screen and (max-width: 767px) {
.component__head_bg {
font-weight: bold;
font-size: 16px;
line-height: 35px;
text-align: center;
padding: 0 15px;
}
}
table.component__table {
margin-top: 15px;
width: 100%;
}
table.component__table thead {
background: rgba(190, 196, 209, 0.35);
}
table.component__table thead tr th {
border: 1px solid #bec4d1;
font-weight: 500;
letter-spacing: 0.1em;
line-height: 24px;
text-align: center;
}
table.component__table thead tr th:first-child {
border-left: none;
}
table.component__table thead tr th:last-child {
border-right: none;
}
table.component__table tbody tr td {
border: 1px solid #bec4d1;
padding: 25px;
text-align: center;
}
table.component__table tbody tr td:first-child {
border-left: none;
}
table.component__table tbody tr td:last-child {
border-right: none;
}
table.component__table tbody tr:nth-child(even) {
background: rgba(190, 196, 209, 0.1);
}
table.component__table.component__table_wide thead tr th {
padding: 25px;
}
table.component__table.component__table__sp {
margin-top: 20px;
}
table.component__table.component__table__sp tr th {
background: rgba(190, 196, 209, 0.35);
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #333;
vertical-align: middle;
border-top: 1px solid #bec4d1;
border-bottom: 1px solid #bec4d1;
}
table.component__table.component__table__sp tr td {
border: none;
border-top: 1px solid #bec4d1;
border-bottom: 1px solid #bec4d1;
}
table.component__table.component__table__sp tr:nth-child(even) {
background: transparent;
}
.component__accodions .accordion {
margin-top: 25px;
border-bottom: 1px solid #bec4d1;
border-top: 1px solid #bec4d1;
}
.component__accodions .accordion:first-child {
margin-top: 33px;
}
.component__accodions .accordion .accordion_head {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: rgba(190, 196, 209, 0.1);
cursor: pointer;
padding: 23px 20px 23px 78px;
}
@media screen and (max-width: 767px) {
.component__accodions .accordion .accordion_head {
padding: 18px 20px 18px 42px;
}
}
.component__accodions .accordion .accordion_head .lines {
position: absolute;
width: 20px;
height: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
}
@media screen and (max-width: 767px) {
.component__accodions .accordion .accordion_head .lines {
width: 15px;
height: 15px;
}
}
.component__accodions .accordion .accordion_head .lines span.line {
width: 20px;
height: 2px;
position: absolute;
top: 50%;
left: 32px;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #333333;
}
.component__accodions .accordion .accordion_head .lines span.line:first-child {
-webkit-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
}
@media screen and (max-width: 767px) {
.component__accodions .accordion .accordion_head .lines span.line {
left: 12px;
}
}
.component__accodions .accordion .accordion_head.open .lines span.line:first-child {
-webkit-transform: translateY(-50%) rotate(0);
transform: translateY(-50%) rotate(0);
}
.component__accodions .accordion .accordion_head h3 {
font-weight: 500;
}
.component__accodions .accordion .accordion_content {
padding: 0 78px;
height: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
visibility: hidden;
}
@media screen and (max-width: 767px) {
.component__accodions .accordion .accordion_content {
padding: 0;
}
}
.component__accodions .accordion .accordion_content *:first-child {
margin-top: 0;
}
.component__accodions .accordion .accordion_content p {
font-weight: normal;
line-height: 30px;
margin-top: 35px;
}
.component__accodions .accordion .accordion_content a.link {
text-decoration: underline;
font-weight: bold;
}
.component__accodions .accordion .accordion_content.open {
padding: 23px 78px;
height: auto;
opacity: 1;
visibility: visible;
}
@media screen and (max-width: 767px) {
.component__accodions .accordion .accordion_content.open {
padding: 16px 0;
}
}
.component__accodions .accordion .accordion_content .tags {
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.component__accodions .accordion .accordion_content .tags .tag {
font-weight: normal;
line-height: 30px;
color: #bec4d1;
margin-right: 20px;
}
.component__anker_links {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px 40px;
}
@media screen and (max-width: 767px) {
.component__anker_links {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
}
}
.component__anker_links .anker_link {
width: calc(50% - 20px);
border: 1px solid #bec4d1;
padding: 17px 21px 27px 18px;
font-weight: bold;
font-size: 20px;
line-height: 32px;
}
@media screen and (max-width: 767px) {
.component__anker_links .anker_link {
width: 100%;
padding: 11px 20px 20px 18px;
}
}
.component__anker_links .anker_link a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.component__anker_links .anker_link a:hover {
text-decoration: none;
opacity: 0.6;
}
.component__anker_links .anker_link div.text_box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.component__anker_links .anker_link div.text_box span.text {
margin-top: 5px;
margin-left: 17px;
}
.component__anker_links .anker_link span.main-color {
font-weight: bold;
font-size: 50px;
line-height: 50px;
text-align: center;
color: #e4007f;
}
@media screen and (max-width: 767px) {
.component__anker_links .anker_link span.main-color {
font-size: 40px;
}
}
@media screen and (max-width: 767px) {
.component__anker_links .anker_link {
font-size: 16px;
line-height: 24px;
}
}
.component__issue_boxes {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px 40px;
}
@media screen and (max-width: 767px) {
.component__issue_boxes {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.component__issue_boxes .issue_box {
padding: 25px;
width: calc(50% - 20px);
border: 1px solid #bec4d1;
height: 116px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
font-weight: bold;
font-size: 20px;
line-height: 32px;
text-align: left;
}
@media screen and (max-width: 767px) {
.component__issue_boxes .issue_box {
width: 100%;
}
}
.component__issue_boxes .issue_box::before {
position: absolute;
left: 0;
top: 0;
width: 9px;
height: 100%;
content: "";
background-color: #e4007f;
}
section.infoMore h2.component__h2 {
margin-bottom: 40px;
}
section.infoMore .component__infoMore-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 35px 80px;
}
@media screen and (max-width: 767px) {
section.infoMore .component__infoMore-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
section.infoMore .component__infoMore-wrap .component__infoMore {
font-weight: 500;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
section.infoMore .component__infoMore-wrap .component__infoMore .component__infoMore-title {
background-color: rgba(190, 196, 209, 0.35);
border-top: 1px solid #bec4d1;
border-bottom: none;
padding: 6px 0;
text-align: center;
}
section.infoMore .component__infoMore-wrap .component__infoMore .component__infoMore-inner .infoMore {
border-bottom: 1px solid #bec4d1;
}
section.infoMore .component__infoMore-wrap .component__infoMore .component__infoMore-inner .infoMore h3 a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 13px;
padding: 23px 10px;
width: 100%;
text-decoration: underline;
}
section.infoMore .component__infoMore-wrap .component__infoMore .component__infoMore-inner .infoMore h3 a:hover {
opacity: 0.6;
}
section.infoMore .component__infoMore-wrap .component__infoMore .component__infoMore-inner .infoMore:nth-child(2n+0) {
background-color: rgba(190, 196, 209, 0.1);
}
section.infoMore .component__infoMore-wrap .component__infoMore .dli-chevron-round-right {
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1;
position: relative;
width: 8.5px;
height: 8.5px;
-webkit-transform: translateX(-25%) rotate(45deg);
transform: translateX(-25%) rotate(45deg);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
section.infoMore .component__infoMore-wrap .component__infoMore .dli-chevron-round-right::before,
section.infoMore .component__infoMore-wrap .component__infoMore .dli-chevron-round-right::after {
content: "";
position: absolute;
background: currentColor;
border-radius: 0.1em;
}
section.infoMore .component__infoMore-wrap .component__infoMore .dli-chevron-round-right::before {
top: 0;
left: 0;
right: 0;
height: 0.1em;
}
section.infoMore .component__infoMore-wrap .component__infoMore .dli-chevron-round-right::after {
top: 0;
right: 0;
bottom: 0;
width: 0.1em;
}
a span.component__circle_hover {
margin-left: 5px;
width: 25px;
height: 25px;
background: #333;
border-radius: 50%;
position: relative;
overflow: hidden;
}
a span.component__circle_hover::before {
-webkit-transition: all 0.3s;
transition: all 0.3s;
content: "";
position: absolute;
background-image: url(//www.ramxeed.com/zh-tw/cms/wp-content/themes/fsm/assets/images/common/icon-arrow.svg);
width: 16px;
height: 9px;
background-size: cover;
top: 50%;
left: 50%;
-webkit-transform: translate(-200%, -50%);
transform: translate(-200%, -50%);
display: block;
}
a span.component__circle_hover::after {
-webkit-transition: all 0.3s;
transition: all 0.3s;
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-image: url(//www.ramxeed.com/zh-tw/cms/wp-content/themes/fsm/assets/images/common/icon-arrow.svg);
width: 16px;
height: 9px;
background-size: cover;
display: block;
}
a:hover span.component__circle_hover::before {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
a:hover span.component__circle_hover::after {
-webkit-transform: translate(200%, -50%);
transform: translate(200%, -50%);
}input,
button,
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
outline: none;
}
textarea {
resize: vertical;
}
input[type=checkbox],
input[type=radio] {
display: none;
}
input[type=submit],
input[type=button],
label,
button,
select {
cursor: pointer;
}
select::-ms-expand {
display: none;
}

body {
background-color: #fff;
}
table.component__table tbody tr:nth-child(even) {
background: none;
}
.pc-view {
display: block;
}
.sp-view {
display: none;
}
@media screen and (max-width: 767px) {
.pc-view {
display: none;
}
.sp-view {
display: block;
}
} .simplebar-track {
background: #cccccc; }
.simplebar-track .simplebar-scrollbar.simplebar-visible::before {
opacity: 1;
}
.simplebar-track .simplebar-scrollbar::before {
background: #e4007f; opacity: 1;
border-radius: 0;
} .quality-top__cards {
margin-top: 51px;
}
.quality-top__link-items {
margin-top: 35px;
}
.quality-top a:hover img,
.quality-sub a:hover img {
opacity: 1;
}
@media screen and (max-width: 767px) {
.quality-top__cards {
margin-top: 0;
}
.quality-top__link-items {
margin-top: 31px;
}
} .info-card__item {
background: #fff;
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15);
padding: 15px 10px 10px 15px;
}
.info-card__item:not(:first-child) {
margin-top: 10px;
}
.info-card__item a {
display: flex;
gap: 23px;
}
.info-card__item a:hover {
text-decoration: none;
}
.info-card__item a .thumb {
aspect-ratio: 300/160;
max-width: 300px;
width: 100%;
}
.info-card__item a .thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.info-card__item a .content {
margin-top: 4px;
}
.info-card__item a .tag {
display: inline-block;
background-color: #e4007f;
padding: 3.5px 5px;
margin-left: 13px;
position: relative;
}
.info-card__item a .tag::after {
position: absolute;
content: "";
bottom: 0;
left: -13px;
border-bottom: 25px solid #e4007f;
border-left: 13px solid transparent;
}
.info-card__item a .tag p {
color: #fff;
font-size: 1rem;
}
.info-card__item a .title {
margin-top: 10px;
}
.info-card__item a .title h3 {
font-size: 1.25rem;
font-weight: 700;
}
.info-card__item a .text {
margin-top: 3px;
}
.info-card__item a .text p {
font-size: 1rem;
line-height: 1.875;
}
.info-card__item a .link {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 5px;
font-size: 1rem;
margin-top: 15px;
}
.info-card__item a:hover .link {
text-decoration: underline;
}
@media screen and (max-width: 767px) {
.info-card__item {
padding: 14px 18px 10px 18px;
}
.info-card__item a {
flex-direction: column;
gap: 10px;
}
.info-card__item a .thumb {
max-width: 100%;
}
.info-card__item a .content {
margin-top: 0;
}
.info-card__item a .tag {
display: inline-block;
background-color: #e4007f;
padding: 3.5px 5px;
margin-left: 13px;
position: relative;
}
.info-card__item a .tag::after {
position: absolute;
content: "";
bottom: 0;
left: -13px;
border-bottom: 25px solid #e4007f;
border-left: 13px solid transparent;
}
.info-card__item a .tag p {
color: #fff;
font-size: 1rem;
}
.info-card__item a .title {
margin-top: 10px;
}
.info-card__item a .title h3 {
font-size: 1.25rem;
font-weight: 700;
}
.info-card__item a .text {
margin-top: 3px;
}
.info-card__item a .text p {
font-size: 1rem;
line-height: 1.875;
}
.info-card__item a .link {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 5px;
font-size: 1rem;
margin-top: 19px;
}
.info-card__item a:hover .link {
text-decoration: underline;
}
} .info-link {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 18px;
}
.info-link__item {
background-repeat: no-repeat;
background-size: cover;
}
.info-link__item.quality-pursuit {
background-image: url(//www.ramxeed.com/zh-tw/cms/wp-content/themes/fsm/assets/images/quality/quality-pursuit.jpg);
}
.info-link__item.environment-sdgs {
background-image: url(//www.ramxeed.com/zh-tw/cms/wp-content/themes/fsm/assets/images/quality/environment.jpg);
}
.info-link__item a {
display: flex;
flex-direction: column;
height: 100%;
padding-top: 71px;
padding-left: 12px;
padding-right: 14px;
padding-bottom: 13px;
}
.info-link__item a .title h3 {
font-size: 1.1875rem;
font-weight: 700;
color: #fff;
}
.info-link__item a .text {
margin-top: 5px;
}
.info-link__item a .text p {
font-size: 0.875rem;
line-height: 2.1428571429;
color: #fff;
}
.info-link__item a .link {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 5px;
font-size: 1rem;
margin-top: 6px;
color: #fff;
margin-top: auto;
}
.info-link__item a:hover .link {
text-decoration: underline;
}
@media screen and (max-width: 767px) {
.info-link {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 24px;
}
.info-link__item {
background-repeat: no-repeat;
background-size: cover;
}
.info-link__item.quality-pursuit {
background-image: url(//www.ramxeed.com/zh-tw/cms/wp-content/themes/fsm/assets/images/quality/quality-pursuit_sp.jpg);
}
.info-link__item.environment-sdgs {
background-image: url(//www.ramxeed.com/zh-tw/cms/wp-content/themes/fsm/assets/images/quality/environment_sp.jpg);
}
.info-link__item a {
min-height: 280px;
padding-left: 15px;
padding-right: 15px;
}
.info-link__item a .text p {
font-size: 1rem;
line-height: 1.875;
}
}  .quality-sub .title h3 {
font-size: 1.875rem;
line-height: 1.3333333333;
font-weight: 700;
word-break: break-all;
}
.quality-sub .text p {
font-size: 1rem;
line-height: 1.875;
word-break: break-all;
}
.quality-sub .text p span {
font-size: 0.875rem;
}
.quality-sub .head h4 {
font-size: 1.5rem;
line-height: 1.4583333333;
font-weight: 700;
word-break: break-all;
}
.quality-sub .head-text p {
font-size: 1rem;
line-height: 1.875;
word-break: break-all;
}
.quality-sub .sub-head p {
font-size: 1.125rem;
font-weight: 700;
word-break: break-all;
}
.quality-sub .data {
display: flex;
align-items: center;
}
.quality-sub .data .date {
font-size: 1rem;
font-weight: 700;
}
.quality-sub .data .link a {
display: flex;
align-items: center;
gap: 16px;
font-size: 1rem;
text-decoration: underline;
margin-left: 14px;
}
.quality-sub .data .link a:hover {
text-decoration: none;
}
.quality-sub .data .link img {
margin-left: 8px;
}
.quality-sub .data-cap p {
font-size: 0.875rem;
word-break: break-all;
}
.quality-sub .data-cap a {
text-decoration: underline;
}
.quality-sub .data-cap a:hover {
text-decoration: none;
}
@media screen and (max-width: 767px) {
.quality-sub .data {
display: block;
}
.quality-sub .data .link a {
display: flex;
align-items: center;
gap: 10px;
font-size: 1rem;
text-decoration: underline;
margin-left: 0;
}
} .quality-sub {
overflow: hidden;
}
.quality-sub__intro p {
font-size: 1rem;
line-height: 1.875;
}
.quality-sub__anchor-items {
margin-top: 26px;
}
.quality-sub__policy {
margin-top: 74px;
}
.quality-sub__iso {
margin-top: 82px;
}
.quality-sub__goal {
margin-top: 108px;
}
.quality-sub__climate {
margin-top: 118.5px;
}
.quality-sub__resource {
margin-top: 93px;
}
.quality-sub__conservation {
margin-top: 94px;
}
.quality-sub__education {
margin-top: 94px;
}
.quality-sub__contribution {
margin-top: 104px;
}
.quality-sub__rohs {
margin-top: 65px;
}
.quality-sub__reach {
margin-top: 105px;
}
.quality-sub__minerals {
margin-top: 133px;
}
.quality-sub__tab-items {
margin-top: 68px;
}
@media screen and (max-width: 767px) {
.quality-sub {
overflow: hidden;
}
.quality-sub__intro p {
font-size: 1rem;
line-height: 1.875;
}
.quality-sub__anchor-items {
margin-top: 30px;
}
.quality-sub__policy {
margin-top: 106px;
}
.quality-sub__iso {
margin-top: 104px;
}
.quality-sub__goal {
margin-top: 102px;
}
.quality-sub__climate {
margin-top: 112.5px;
}
.quality-sub__resource {
margin-top: 108px;
}
.quality-sub__conservation {
margin-top: 110px;
}
.quality-sub__education {
margin-top: 102px;
}
.quality-sub__contribution {
margin-top: 107px;
}
.quality-sub__rohs {
margin-top: 100px;
}
.quality-sub__reach {
margin-top: 100px;
}
.quality-sub__minerals {
margin-top: 111px;
}
.quality-sub__tab-items {
margin-top: 20px;
}
} .anchor {
background-color: rgba(190, 196, 209, 0.2);
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: 100vw;
padding: 0 20px;
}
.anchor__items {
display: flex;
gap: 0 22px;
max-width: 662px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 11px;
padding-bottom: 35px;
}
.anchor__item-wrap {
width: 50%;
}
.anchor__item {
border-bottom: 1px solid #bec4d1;
}
.anchor__item a {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 15px;
padding-bottom: 5px;
font-size: 1rem;
}
.anchor__item a:hover {
text-decoration: none;
opacity: 0.7;
}
.anchor__item a img {
aspect-ratio: 1/1;
max-width: 17px;
width: 100%;
}
@media screen and (max-width: 767px) {
.anchor__items {
flex-direction: column;
padding-top: 17px;
padding-bottom: 40px;
}
.anchor__item-wrap {
width: 100%;
}
.anchor__item a {
padding-bottom: 7px;
}
.anchor__item a:hover {
text-decoration: none;
opacity: 0.7;
}
.anchor__item a img {
margin-right: 6px;
}
} .sub-sdgs {
margin-top: 55px;
}
.sub-compliance {
margin-top: 52px;
}
@media screen and (max-width: 767px) {
.sub-sdgs {
margin-top: 8px;
}
.sub-compliance {
margin-top: 8px;
}
} .policy__text {
margin-top: 30px;
}
.policy__head {
margin-top: 30px;
}
.policy__head-text {
margin-top: 4px;
}
.policy__items {
margin-top: 24px;
}
.policy__items li:not(:first-child) {
margin-top: 27px;
}
.policy__items li {
font-size: 1rem;
font-weight: 500;
}
.policy__items li span {
font-size: 1.25rem;
padding-right: 10px;
}
.policy__sign {
font-size: 1rem;
line-height: 1.875;
text-align: right;
margin-top: 48px;
}
@media screen and (max-width: 767px) {
.policy__text {
margin-top: 20px;
}
.policy__head {
margin-top: 26px;
}
.policy__items {
margin-top: 15px;
}
.policy__items li {
text-indent: -1.7rem;
padding-left: 1.7rem;
line-height: 1.5;
}
.policy__items li:not(:first-child) {
margin-top: 18px;
}
.policy__sign {
text-align: left;
margin-top: 26px;
}
} .iso__text {
margin-top: 27px;
}
.iso__head {
margin-top: 29px;
}
.iso__table {
margin-top: 22px;
}
.iso__table .component__table thead tr th {
padding: 23px 0;
width: 13%;
display: table-cell;
vertical-align: middle;
}
.iso__table .component__table thead tr th.head {
width: 22%;
}
.iso__table .component__table tbody tr td {
text-align: left;
display: table-cell;
vertical-align: middle;
padding: 20px 11.5px;
line-height: 1.5;
}
.iso__table .component__table tbody tr td.head {
background-color: #f2f3f6;
}
.iso__table .component__table tbody tr td img {
display: block;
width: 63%;
object-fit: contain;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.iso__head {
margin-top: 44px;
}
.iso__table {
margin-right: calc(50% - 50vw);
padding-bottom: 10px;
margin-top: 0;
}
.iso__table .component__table {
width: 1070px;
margin-bottom: 10px;
}
} .goal__text {
margin-top: 27px;
}
.goal__sdgs-table {
margin-top: 24px;
}
.goal__sdgs-table .component__table thead tr th {
padding: 23px;
}
.goal__sdgs-table .component__table thead tr th:first-child {
width: 30%;
}
.goal__sdgs-table .component__table thead tr th:nth-child(2) {
width: 33%;
}
.goal__sdgs-table .component__table thead tr th:nth-child(3) {
width: 37%;
}
.goal__sdgs-table .component__table tbody tr td {
display: table-cell;
vertical-align: middle;
text-align: left;
background-color: #fff;
}
.goal__sdgs-table .component__table tbody tr td {
padding: 12px;
}
.goal__sdgs-table .component__table tbody tr td.head {
background-color: #f2f3f6;
padding: 25px;
}
.goal__sdgs-table .component__table tbody tr td.height {
height: 90px;
}
.goal__sdgs-table .component__table tbody tr td img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
}
.goal__head {
margin-top: 29px;
}
.goal__head-text {
margin-top: 27px;
}
.goal__table {
margin-top: 19px;
}
.goal__table .component__table thead tr th:first-child {
width: 22%;
}
.goal__table .component__table thead tr th:nth-child(2) {
width: 26%;
}
.goal__table .component__table thead tr th:nth-child(3) {
width: 52%;
}
.goal__table .component__table tbody tr td {
text-align: left;
display: table-cell;
vertical-align: middle;
background-color: #fff;
padding: 40px 25px;
}
.goal__table .component__table tbody tr td.head {
background-color: #f2f3f6;
}
@media screen and (max-width: 767px) {
.goal__sdgs-table {
margin-right: calc(50% - 50vw);
padding-bottom: 10px;
}
.goal__sdgs-table .component__table {
width: 690px;
margin-bottom: 10px;
margin-top: 10px;
}
.goal__table {
margin-right: calc(50% - 50vw);
padding-bottom: 10px;
}
.goal__table .component__table {
width: 1070px;
margin-bottom: 10px;
margin-top: 0;
}
.goal__sdgs-table .component__table tbody tr td.height {
height: 60px;
}
.goal__head {
margin-top: 33px;
}
} .climate__text {
margin-top: 25px;
}
.climate__head {
margin-top: 23px;
}
.climate__head-text {
margin-top: 8px;
}
.climate__table {
margin-top: 16px;
}
.climate__table .component__table.component__table_wide thead tr th {
width: 33.3333333333%;
}
.climate__table .component__table tbody tr td {
background-color: #fff;
padding: 40px 25px;
}
.climate__table-cap {
margin-top: 15.5px;
}
.climate__table-cap p {
font-size: 1rem;
line-height: 1.875;
}
@media screen and (max-width: 767px) {
.climate__table {
margin-right: calc(50% - 50vw);
padding-bottom: 10px;
}
.climate__table .component__table {
width: 640px;
margin-bottom: 10px;
margin-top: 0;
}
.climate__table-cap {
margin-top: 36.5px;
}
.climate__table-cap p {
text-indent: -4.5rem;
padding-left: 4.5rem;
line-height: 1.5625;
}
.climate__table-cap p:not(:first-child) {
margin-top: 10px;
}
} .resource__text {
margin-top: 28px;
} .conservation__text {
margin-top: 28px;
} .education__text {
margin-top: 25px;
} .contribution__text {
margin-top: 25px;
}
.contribution__head {
margin-top: 35px;
}
.contribution__table {
margin-top: 14px;
}
.contribution__table .component__table tbody tr td.left {
display: table-cell;
vertical-align: middle;
background-color: rgba(190, 196, 209, 0.35);
}
.contribution__table .component__table tbody tr td.right {
background-color: #fff;
text-align: left;
display: table-cell;
vertical-align: middle;
padding-top: 43px;
padding-bottom: 37px;
}
@media screen and (max-width: 767px) {
.contribution__head {
margin-top: 46px;
}
.contribution__table {
margin-right: calc(50% - 50vw);
padding-bottom: 10px;
}
.contribution__table .component__table {
margin-top: 0;
width: 950px;
margin-bottom: 10px;
}
} .rohs__eu {
margin-top: 32px;
}
.rohs__head-text {
margin-top: 8px;
}
.rohs__data {
margin-top: 20px;
}
.rohs__chi {
margin-top: 23px;
}
@media screen and (max-width: 767px) {
.rohs__eu {
margin-top: 32px;
}
.rohs__head-text {
margin-top: 8px;
}
.rohs__data {
margin-top: 55px;
}
.rohs__chi {
margin-top: 55px;
}
} .reach__text {
margin-top: 23px;
}
.reach__data {
margin-top: 33px;
}
.reach__data-cap {
margin-top: 3px;
} .minerals__text {
margin-top: 28px;
}
.minerals__cmrt {
margin-top: 31px;
}
.minerals__data {
margin-top: 21px;
}
.minerals__data-cap {
margin-top: 7px;
}
.minerals__emrt {
margin-top: 35px;
}
.minerals__cap {
margin-top: 30px;
}
.minerals__cap p {
font-size: 1rem;
line-height: 1.875;
}
@media screen and (max-width: 767px) {
.minerals__text {
margin-top: 41px;
}
.minerals__cmrt {
margin-top: 46px;
}
.minerals__data {
margin-top: 21px;
}
.minerals__data-cap {
margin-top: 7px;
}
.minerals__emrt {
margin-top: 35px;
}
.minerals__cap {
margin-top: 30px;
}
.minerals__cap p {
font-size: 1rem;
line-height: 1.875;
}
} .tab-content__item {
display: none;
}
.tab-items {
display: grid;
grid-template-columns: repeat(6, 1fr);
align-items: center;
gap: 10px;
}
.tab-item {
display: grid;
place-content: center;
background-color: #e5e8ed;
border: 1px solid #e5e8ed;
padding: 12px 10px;
height: 100%;
font-size: 1rem;
font-weight: 700;
text-align: center;
text-decoration: none;
cursor: pointer;
}
.tab-item:hover {
background-color: #fff;
border: 1px solid #e4007f;
color: #e4007f;
text-decoration: underline;
}
.tab-item span {
font-size: 0.875rem;
}
.tab-item.is-current {
background-color: #fff;
border: 1px solid #e4007f;
color: #e4007f;
text-decoration: underline;
}
@media screen and (max-width: 767px) {
.tab-items {
grid-template-columns: repeat(2, 1fr);
}
.tab-item {
min-height: 50px;
padding: 0;
font-size: 0.875rem;
}
} .pursuit {
margin-top: 61px;
}
.pursuit__text {
margin-top: 28px;
}
.pursuit__head {
margin-top: 30px;
}
.pursuit__head-text {
margin-top: 8px;
}
.pursuit__img-head {
margin-top: 57px;
text-align: center;
}
.pursuit__img {
margin-top: 29px;
margin-left: auto;
margin-right: auto;
aspect-ratio: 1000/608;
max-width: 1000px;
}
.pursuit__img img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
@media screen and (max-width: 767px) {
.pursuit {
margin-top: 29px;
}
.pursuit__img {
aspect-ratio: 337/234;
}
.pursuit__head-text {
margin-top: 13px;
}
.pursuit__img-head {
margin-top: 47px;
}
.pursuit__img {
margin-top: 7px;
}
} .objective__content {
background-color: #f2f3f6;
margin-top: 34px;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding-top: 70px;
padding-bottom: 82px;
}
.objective__content-wrap {
max-width: 1120px;
padding-left: 20px;
padding-right: 20px;
margin: 0 auto;
}
.objective__items {
margin-top: 36px;
}
.objective__item {
display: flex;
align-items: center;
}
.objective__item:not(:first-child) {
margin-top: 72px;
}
.objective__item-title {
flex: 0 0 auto;
}
.objective__en {
font-size: 3.125rem;
font-weight: 700;
}
.objective__jp {
font-size: 1rem;
font-weight: 500;
text-align: right;
margin-top: 10px;
margin-right: 7px;
}
.objective__item-img {
aspect-ratio: 64/75;
max-width: 64px;
width: 100%;
margin-left: 15px;
}
.objective__item-img img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.objective__item-text {
margin-left: 23px;
}
.objective__item-text p {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.5;
word-break: break-all;
}
.objective__head {
margin-top: 69px;
}
.objective__cards {
margin-top: 31px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 45px;
}
.objective__card {
background: #fff;
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15);
padding: 15px 20px 11px 20px;
}
.objective__card-num {
background-color: #e4007f;
border-radius: 50%;
width: 51px;
height: 51px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.objective__card-num p {
font-size: 1.25rem;
font-weight: 500;
color: #fff;
}
.objective__card-title {
margin-top: 18px;
}
.objective__card-title p {
font-size: 1.3125rem;
font-weight: 700;
text-align: center;
}
.objective__card-text {
margin-top: 10px;
}
.objective__card-text p {
font-size: 1rem;
line-height: 1.375;
word-break: break-all;
}
@media screen and (max-width: 767px) {
.objective__content {
margin-top: 25px;
padding-top: 68px;
padding-bottom: 82px;
}
.objective__items {
margin-top: 44px;
}
.objective__item {
flex-wrap: wrap;
}
.objective__item:not(:first-child) {
margin-top: 30px;
}
.objective__en {
font-size: 2.5rem;
font-weight: 700;
}
.objective__jp {
font-size: 1rem;
font-weight: 500;
text-align: left;
margin-right: 0;
}
.objective__item-img {
max-width: 50px;
margin-left: 10px;
margin-top: 11px;
}
.objective__item-text {
width: 100%;
margin-left: 0;
margin-top: 19px;
}
.objective__head {
margin-top: 45px;
}
.objective__cards {
margin-top: 15px;
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 31px;
}
.objective__card {
min-height: 198px;
width: 100%;
}
} .assurance__content {
margin-top: 110px;
}
.assurance__text {
margin-top: 31px;
}
.assurance__head {
margin-top: 41px;
}
.assurance__img {
margin-top: 17px;
}
.assurance__img-wrap {
aspect-ratio: 1082/1048;
}
.assurance__img-wrap img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.assurance__cap {
margin-top: 13px;
margin-left: 6px;
display: flex;
align-items: center;
gap: 43px;
}
.assurance__cap-wrap {
display: flex;
align-items: center;
gap: 22px;
}
.assurance__cap-head p {
font-size: 1rem;
font-weight: 700;
}
.assurance__cap-item p {
font-size: 1rem;
font-weight: 500;
line-height: 1.875;
}
@media screen and (max-width: 767px) {
.assurance__content {
margin-top: 101px;
}
.assurance__head {
margin-top: 38px;
}
.assurance__img {
margin-right: calc(50% - 50vw);
padding-bottom: 18px;
margin-top: 31px;
}
.assurance__img-wrap {
width: 1082px;
}
.assurance__cap {
flex-direction: column;
align-items: flex-start;
gap: 3px;
margin-top: 16px;
margin-left: 0;
}
} .program__title {
margin-top: 57px;
}
.program__text {
margin-top: 29px;
}
.program__head {
margin-top: 56px;
text-align: center;
}
.program__flow {
margin-top: 18px;
}
.program__design-head {
margin-top: 65px;
}
.program__design-head-text {
margin-top: 12px;
}
.program__design-system-head {
margin-top: 37px;
}
.program__design-system-table {
margin-top: 18px;
}
.program__fmea-head {
margin-top: 35px;
}
.program__fmea-head-text {
margin-top: 16px;
}
.program__fmea-img-head {
margin-top: 56px;
text-align: center;
}
.program__fmea-img {
margin-top: 16px;
}
.program__fmea-img-wrap {
aspect-ratio: 980/323;
max-width: 980px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.program__fmea-img-wrap img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.program__prototype-head {
margin-top: 28px;
}
.program__basics-sub-head {
margin-top: 16px;
}
.program__basics-head-text {
margin-top: 10px;
}
.program__basics-head {
margin-top: 62px;
}
.program__basics-table {
margin-top: 8px;
}
.program__mass-sub-head {
margin-top: 32px;
}
.program__mass-head-text {
margin-top: 10px;
}
.program__mass-head {
margin-top: 30px;
}
.program__mass-table {
margin-top: 12px;
}
.program__mass-table-cap {
margin-top: 14px;
}
.program__mass-table-cap {
font-size: 1rem;
line-height: 1.875;
}
.program__change-head {
margin-top: 46px;
}
.program__change-head-text {
margin-top: 11px;
}
.program__change-flow-head {
margin-top: 25px;
text-align: center;
}
.program__change-img {
margin-top: 11px;
}
.program__change-img-wrap {
margin-left: auto;
margin-right: auto;
aspect-ratio: 881/620;
max-width: 881px;
width: 100%;
}
.program__change-img-wrap img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.program__traceability-head {
margin-top: 64px;
}
.program__traceability-head-text {
margin-top: 11px;
}
.program__marking-head {
margin-top: 43px;
text-align: center;
}
.program__marking-img {
margin-top: 11px;
}
.program__marking-img-wrap {
margin-left: auto;
margin-right: auto;
aspect-ratio: 580/228;
max-width: 580px;
width: 100%;
}
.program__marking-img-wrap img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.program__needs-head {
margin-top: 98px;
}
.program__needs-head-text {
margin-top: 11px;
}
.program__needs-head-text span {
text-decoration: underline;
}
.program__support-head {
margin-top: 101px;
}
.program__support-table {
margin-top: 12px;
}
@media screen and (max-width: 767px) {
.program__title {
margin-top: 101px;
}
.program__text {
margin-top: 47px;
}
.program__head {
margin-top: 31px;
text-align: center;
}
.program__flow {
margin-top: 18px;
}
.program__design-head {
margin-top: 38px;
}
.program__design-head-text {
margin-top: 12px;
}
.program__design-system-head {
margin-top: 31px;
}
.program__fmea-head {
margin-top: 40px;
}
.program__fmea-head-text {
margin-top: 13px;
}
.program__fmea-img-head {
margin-top: 56px;
text-align: center;
}
.program__fmea-img {
margin-right: calc(50% - 50vw);
padding-bottom: 18px;
margin-top: 18px;
}
.program__fmea-img-wrap {
width: 980px;
}
.program__fmea-img-wrap img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.program__prototype-head {
margin-top: 55px;
}
.program__basics-sub-head {
margin-top: 16px;
}
.program__basics-head-text {
margin-top: 10px;
}
.program__basics-head {
margin-top: 43px;
}
.program__basics-table {
margin-top: 8px;
}
.program__mass-sub-head {
margin-top: 53px;
}
.program__mass-head-text {
margin-top: 10px;
}
.program__mass-head {
margin-top: 79px;
}
.program__mass-table {
margin-top: 12px;
}
.program__mass-table-cap {
margin-top: 22px;
}
.program__mass-table-cap p:not(:first-child) {
margin-top: 12px;
}
.program__change-head {
margin-top: 33px;
}
.program__change-head-text {
margin-top: 11px;
}
.program__change-flow-head {
margin-top: 69px;
text-align: center;
}
.program__change-img {
margin-right: calc(50% - 50vw);
padding-bottom: 20px;
margin-top: 21px;
}
.program__change-img-wrap {
width: 881px;
}
.program__change-img-wrap img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.program__traceability-head {
margin-top: 35px;
}
.program__traceability-head-text {
margin-top: 11px;
}
.program__marking-head {
margin-top: 43px;
text-align: center;
}
.program__marking-img {
margin-right: calc(50% - 50vw);
padding-bottom: 33px;
margin-top: 31px;
}
.program__marking-img-wrap {
width: 580px;
}
.program__marking-img-wrap img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.program__needs-head {
margin-top: 21px;
}
.program__needs-head-text {
margin-top: 11px;
}
.program__support-head {
margin-top: 61px;
}
.program__support-table {
margin-top: 12px;
}
} .program-flow {
max-width: 482px;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
gap: 8.5px;
justify-content: center;
}
.program-flow__item {
background-color: #f2f3f6;
border: 1px solid #bec4d1;
border-radius: 5px;
padding: 14px;
}
.program-flow__item p {
font-size: 1rem;
font-weight: 700;
text-align: center;
}
.program-flow__item.color {
background-color: #fff;
border: 1px solid #e4007f;
}
.program-flow__item.color p {
color: #e4007f;
}
.program-flow__arrow {
margin: 0 auto;
aspect-ratio: 29/16;
}
.program-flow__arrow img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
@media screen and (max-width: 767px) {
.program-flow {
gap: 8.3px;
}
} .design-table .component__table.component__table_wide thead tr th {
width: 21%;
}
.design-table .component__table.component__table_wide thead tr th.left {
width: 79%;
}
.design-table .component__table tbody tr td {
background-color: #fff;
}
.design-table .component__table tbody tr td.left {
text-align: left;
}
.design-table .component__table tbody tr td.head {
background-color: rgba(242, 243, 246, 0.35);
}
@media screen and (max-width: 767px) {
.design-table {
margin-right: calc(50% - 50vw);
padding-bottom: 10px;
margin-top: 0;
}
.design-table .component__table {
width: 1070px;
margin-bottom: 10px;
}
} .basics-table .component__table.component__table_wide thead tr th {
width: 33.3333333333%;
}
.basics-table .component__table.component__table_wide tbody tr {
background-color: #fff;
}
.basics-table .component__table tbody tr td {
display: table-cell;
vertical-align: middle;
}
.basics-table .component__table tbody tr td.head {
background-color: rgba(242, 243, 246, 0.35);
}
@media screen and (max-width: 767px) {
.basics-table {
margin-right: calc(50% - 50vw);
padding-bottom: 10px;
margin-top: 0;
}
.basics-table .component__table {
width: 1070px;
margin-bottom: 10px;
}
} .mass-table .component__table.component__table_wide thead tr th {
display: table-cell;
vertical-align: middle;
padding: 13px 5px;
}
.mass-table .component__table.component__table_wide tbody tr td {
padding: 25px 15px;
display: table-cell;
vertical-align: middle;
}
.mass-table .component__table.component__table_wide tbody tr td.left {
text-align: left;
}
.mass-table .component__table.component__table_wide tbody tr td.left span {
display: flex;
justify-content: center;
}
.mass-table .component__table tbody tr td.head {
background-color: rgba(242, 243, 246, 0.35);
text-align: center;
}
.mass-table .component__table.component__table_wide tbody tr td:first-child {
width: 16%;
}
.mass-table .component__table.component__table_wide tbody tr td:nth-child(2) {
width: 5%;
}
.mass-table .component__table.component__table_wide tbody tr td:nth-child(3) {
width: 10%;
}
.mass-table .component__table.component__table_wide tbody tr td:nth-child(4) {
width: 13%;
}
.mass-table .component__table.component__table_wide tbody tr td:nth-child(5) {
width: 34%;
}
.mass-table .component__table.component__table_wide tbody tr td:nth-child(6) {
width: 11%;
}
.mass-table .component__table.component__table_wide tbody tr td:nth-child(7) {
width: 11%;
}
.mass-table .component__table.component__table_wide tbody tr {
background-color: #fff;
}
@media screen and (max-width: 767px) {
.mass-table {
margin-right: calc(50% - 50vw);
padding-bottom: 10px;
margin-top: 0;
}
.mass-table .component__table {
width: 1070px;
margin-bottom: 10px;
}
} .support-table .component__table.component__table_wide thead tr th {
width: 50%;
}
.support-table .component__table.component__table_wide tbody tr {
background-color: #fff;
}
.support-table .component__table.component__table_wide tbody tr td {
display: table-cell;
vertical-align: middle;
}
.support-table .component__table.component__table_wide tbody tr td.head {
background-color: rgba(242, 243, 246, 0.35);
}
@media screen and (max-width: 767px) {
.support-table {
margin-right: calc(50% - 50vw);
padding-bottom: 10px;
margin-top: 0;
}
.support-table .component__table {
width: 1070px;
margin-bottom: 10px;
}
} .partner__title {
margin-top: 66px;
}
.partner__text {
margin-top: 27px;
}
.partner__img {
margin-top: 32px;
margin-left: auto;
margin-right: auto;
aspect-ratio: 494/578;
max-width: 494px;
width: 100%;
}
.partner__img img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.partner__selection-head {
margin-top: 57px;
}
.partner__selection-head-text {
margin-top: 12px;
}
.partner__selection-img {
margin-top: 28px;
aspect-ratio: 1081/606;
}
.partner__selection-img img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.partner__control-head {
margin-top: 42px;
}
.partner__control-head-text {
margin-top: 16px;
}
.partner__control-flow {
margin-top: 48px;
text-align: center;
}
.partner__control-img {
margin-top: 36px;
}
.partner__control-img-wrap {
aspect-ratio: 1075/543;
}
.partner__control-img img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.partner__control-cap {
margin-top: 10px;
}
.partner__control-cap p {
font-size: 0.875rem;
line-height: 1.7857142857;
}
@media screen and (max-width: 767px) {
.partner__title {
margin-top: 23px;
}
.partner__text {
margin-top: 27px;
}
.partner__img {
margin-top: 27px;
aspect-ratio: 335/392;
width: 100%;
}
.partner__selection-head {
margin-top: 62px;
}
.partner__selection-head-text {
margin-top: 27px;
}
.partner__selection-img {
margin-top: 16px;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
aspect-ratio: 375/1151;
}
.partner__control-head {
margin-top: 63px;
}
.partner__control-head-text {
margin-top: 24px;
}
.partner__control-flow {
margin-top: 80px;
text-align: center;
}
.partner__control-img {
margin-right: calc(50% - 50vw);
padding-bottom: 27px;
margin-top: 18px;
}
.partner__control-img-wrap {
width: 1075px;
}
.partner__control-cap {
margin-top: 14px;
}
} .support__title {
margin-top: 66px;
}
.support__text {
margin-top: 27px;
}
.support__head {
margin-top: 64px;
text-align: center;
}
.support__flow-items {
display: flex;
align-items: center;
gap: clamp(0.438rem, -0.125rem + 1.17vw, 0.813rem);
width: 100%;
margin-top: 26px;
}
.support__flow-item {
background-color: #f2f3f6;
border: 1px solid #bec4d1;
max-width: 198px;
width: 100%;
min-height: 344px;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: auto;
}
.support__flow-item.three {
background-color: #cbd0da;
border: 1px solid #bec4d1;
min-height: 395px;
height: 100%;
max-width: 255px;
width: 100%;
}
.support__flow-img {
max-width: 68px;
width: 100%;
margin: 0 auto;
}
.support__flow-item.one .support__flow-img {
max-width: 68px;
}
.support__flow-item.two .support__flow-img {
max-width: 100px;
}
.support__flow-item.three .support__flow-img {
max-width: 120px;
}
.support__flow-item.three .support__flow-img.arrow {
max-width: 20px;
margin-top: 7px;
display: block;
}
.support__flow-item.four .support__flow-img {
max-width: 68px;
}
.support__flow-img img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.support__flow-title {
margin-top: 11px;
}
.support__flow-title p {
font-size: 1.3125rem;
font-weight: 700;
text-align: center;
}
.support__flow-title p span {
font-weight: 400;
font-size: 1rem;
}
.support__flow-item.three .support__flow-title {
margin-top: 0;
background-color: #000000;
border-radius: 30px;
max-width: 200px;
width: 100%;
padding: 4px;
min-height: 50px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-top: 7px;
}
.support__flow-item.three .support__flow-title p {
font-size: clamp(1rem, 0.813rem + 0.39vw, 1.125rem);
line-height: 1.3333333333;
color: #fff;
text-align: center;
}
.support__flow-arrow {
flex: 0 0 48px;
margin-top: 46px;
}
.support__flow-arrow img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.support__cap {
margin-top: 18px;
display: flex;
align-items: center;
gap: 8px;
}
.support__cap-img {
max-width: 48px;
}
.support__cap-img img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.support__cap-text p {
font-size: 1rem;
}
.support__defect {
margin-top: 64px;
}
@media screen and (max-width: 767px) {
.support__title {
margin-top: 24px;
}
.support__head {
margin-top: 50px;
}
.support__flow-items {
display: flex;
align-items: center;
flex-direction: column;
gap: 5px;
width: 100%;
margin-top: 21px;
}
.support__flow-item {
background-color: #f2f3f6;
border: 1px solid #bec4d1;
border-radius: 3px;
flex: 0 1 auto;
min-height: auto;
height: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: auto;
max-width: 100%;
width: 100%;
padding: 17px;
}
.support__flow-item.three {
min-height: auto;
max-width: 100%;
padding: 14px;
}
.support__flow-arrow {
flex: 0 0 auto;
margin-top: 0;
transform: rotate(90deg);
height: 48px;
width: 100%;
max-width: 48px;
}
.support__flow-title {
margin-top: 5px;
}
.support__flow-item.three .support__flow-title p {
font-size: 1.125rem;
}
.support__cap-text p {
font-size: 1.125rem;
}
.support__defect {
margin-top: 79px;
}
} .defect__head-text {
margin-top: 16px;
}
.defect__flow-head {
margin-top: 57px;
text-align: center;
}
.defect__img {
margin-top: 30px;
}
.defect__img-wrap {
aspect-ratio: 818/1234;
max-width: 818px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.defect__img-wrap img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
@media screen and (max-width: 767px) {
.defect__flow-head {
margin-top: 68px;
}
.defect__img {
margin-right: calc(50% - 50vw);
padding-bottom: 33px;
margin-top: 31px;
}
.defect__img-wrap {
width: 818px;
}
} .system__title {
margin-top: 63px;
}
.system__text {
margin-top: 27px;
}
.system__head {
margin-top: 54px;
}
.system__table {
margin-top: 2px;
}
.system__table .component__table thead tr th {
padding: 23px 0;
width: 15.2%;
display: table-cell;
vertical-align: middle;
}
.system__table .component__table thead tr th.head {
width: 24%;
}
.system__table .component__table tbody tr td {
text-align: left;
display: table-cell;
vertical-align: middle;
padding: 37px 11.5px;
line-height: 1.5;
}
.system__table .component__table tbody tr td.head {
background-color: #f2f3f6;
}
.system__table .component__table tbody tr td img {
display: block;
width: 63%;
height: 100%;
object-fit: contain;
margin: 0 auto;
}
.system__head2 {
margin-top: 28px;
}
.system__data {
margin-top: 23px;
}
.system__data.data .link a {
margin-left: 0;
}
.system__img {
margin-top: 41px;
margin-left: auto;
margin-right: auto;
display: flex;
gap: 16px;
max-width: 652px;
width: 100%;
}
.system__img-wrap {
aspect-ratio: 318/450;
}
.system__img img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
@media screen and (max-width: 767px) {
.system__title {
margin-top: 25px;
}
.system__text {
margin-top: 37px;
}
.system__head {
margin-top: 48px;
}
.system__table {
margin-top: 44px;
}
.system__table {
margin-right: calc(50% - 50vw);
padding-bottom: 10px;
margin-top: 0;
}
.system__table .component__table {
width: 1070px;
margin-bottom: 10px;
}
.system__head2 {
margin-top: 90px;
}
.system__img {
flex-direction: column;
width: 95%;
margin-top: 24px;
gap: 32px;
}
}