@charset "utf-8";
											.WFPanelR{		 padding:0 0 110px 0; background-color:#FFF; } .WFPanelR>.outBox{ } @media screen and (max-width:768px){ .WFPanelR{		 } .WFPanelR>.outBox{ } }												 .WFPanelR{		 z-index:1;		 } .WFPanelR>.outBox{ max-width:1120px; margin:0 auto; } .WFPanelR .primary{ z-index:1; } .WFPanelR .ui_rules{ padding: 10px 0; transition: all 0.2s ease-in-out; } .WFPanelR .ui_rules .title{ color:#787878; font-size:20px; height:25px; margin: 8px 13px 8px 4px; padding: 3px 0; line-height:1.3em; } .WFPanelR .ui_rules .unit{ font-size: 16px; } .WFPanelR .ui_panel{ } .WFPanelR .ui_panel .ui_panel_unit{ text-align: center; border: 1px #d2d2d2 solid; border-right: none; width:100%; height:66px; color:#666; font-size:17px; } .WFPanelR .ui_panel .ui_panel_unit:last-child{ border-right: 1px #d2d2d2 solid; } .WFPanelR .ui_panel .icon_arrow{ right:8%; top:0; width:12px; height:100%; background-image:url(/tw/images/common/arrow_go_down_cccccc.svg); background-position: center 52%; } .WFPanelR .ui_panel .enabled .icon_arrow{ transform:scaleY(-1); background-position: center 48%; } .WFPanelR .ui_panel .line{ left: 0px; bottom: 0px; width: 0%; height: 5px; background-color: #be9664; transition: width 0.2s ease-in-out; } .WFPanelR .ui_panel .enabled .line{ width: 100%; } .WFPanelR .ui_subpanel{ width: calc(100% - 2px); flex-wrap: wrap; border: none; } .WFPanelR .expand{ border:1px #d2d2d2 solid; border-top:none; } .WFPanelR .ui_subpanel .unit{ text-align:left; width:25%; font-size:16px; color:#666; padding: 13px 3%; border-right: 1px #E9E9E9 solid; line-height: 25px; } .WFPanelR .ui_subpanel .text{ z-index: 1; } .WFPanelR .ui_subpanel .color_board{ left: 8%; top: 10%; width: 84%; height: 80%; transition: ease 0.3s; z-index: 0; } .WFPanelR .ui_subpanel .unit_1{ border-right:none; } .WFPanelR .ui_subpanel .tag_color { background-color: #005393; width: 22px; height: 22px; padding: 0; border-radius: 50%; margin: 0px 14px 0 0; position: relative; z-index: 1; } .WFPanelR .ui_subpanel .bold{ font-weight: 500; color:#282828; } .WFPanelR .ui_subpanel .enabled .color_board{ background-color: #be9664; } .WFPanelR .ui_subpanel .enabled .text,.WFPanelR .ui_subpanel .enabled .color_BBB{ color: #FFF !important; } .WFPanelR .ui_subpanel .enabled .bold{ color:#282828 !important; } .WFPanelR .ui_subpanel .unit:hover .text{ color: #be9664; } .WFPanelR .ui_subpanel .icon_close{ right: 12%; top: 0; width: 10px; height: 100%; background-image:url(/tw/images/common/ico_close_1.svg); } .WFPanelR .ui_rules .unit{ margin: 8px 4px 8px 4px; padding: 3px 10px 3px 10px; border: #be9664 1px solid; color: #be9664; width: auto; height:33px; line-height:1em; } .WFPanelR .ui_rules .unit_remove{ border: #787878 1px solid; color: #787878; } .WFPanelR .ui_rules .unit .icon_close{ position: static; background: url(/tw/images/common/ico_rc_closeA_c.png) center no-repeat; width: 8px; height: 100%; display:inline-block; vertical-align: middle; margin: 0 0 0 10px; } .WFPanelR .ui_rules .unit_remove .icon_close{ display:none; } .WFPanelR .ui_rules .color_BBB{ color: #be9664; } .WFPanelR .ui_rules .tag_color{ display:none; } .WFPanelR .right{ float:right; } .WFPanelR .secondary{ margin-top: 20px; z-index:1; } .WFPanelR .ui_results{ height: 40px; line-height: 40px; font-size: 12px; color: #666; } .WFPanelR .ui_orderby .btnOB{ float:right; display: inline-block; width: 155px; } .WFPanelR .ui_orderby .icon_arrow { right: 8%; top: 0; width: 10px; height: 100%; background-image: url(/tw/images/common/arrow_go_down_ffffff.svg); background-position: center 52%; } .WFPanelR .showSelect { display: block; border: 1px #222 solid; margin: 0; text-align: left; color: #FFF; background-color: #222; } .WFPanelR .showOptions { display: block; border: 1px #222 solid; margin: 0; text-align: left; color: #666; background-color: #222; } .WFPanelR .btnOption { min-width: 100px; position: relative; } .WFPanelR .btnOption .btnName { font-size:17px; } .WFPanelR .showOptions .btnName { font-size:16px; } .WFPanelR .btnOption .btnIcon { position: absolute; right: 10px; top: 0; height: 100%; } .WFPanelR .btnOption .icon { display: inline-block; vertical-align: middle; width: 10px; height: 10px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(/tw/images/common/arrow_go_down_ffffff.svg); } .WFPanelR .btnOption .iconA { transform: scaleY(-1); } .WFPanelR .showOptions { position: absolute; width: calc(100% - 2px); display: none; background-color: #FFF; text-align: left; border: 1px #CCC solid; } .WFPanelR .ui_orderby .btn { display: block; cursor: pointer; padding: 6px 15px; } .WFPanelR .ui_orderby .btnC, .WFPanelR .ui_orderby .btnC:hover { color: #FFF; background-color: #be935c; } .WFPanelR .ui_subpanel .extraUI { margin: 10px 0 30px 0; display: inline-block; width: 100%; } .WFPanelR .extraUI_m { display: none !important; } .WFPanelR .ui_subpanel .extraUI .uiBox { margin: 0 auto; text-align: center; } .WFPanelR .ui_subpanel .extraUI .uiBox .btn { margin: 0 10px 0 10px; width: 150px; height: 36px; line-height: 36px; background-color: #EEE; color: #787878; } .WFPanelR .ui_subpanel .extraUI .uiBox .btn:hover { color:#fff; background-color: #be9664; } .WFPanelR .ui_listboard{ z-index:0; padding: 60px 0 0 0; min-height:420px; } .WFPanelR .moreBtn { cursor: pointer; width: 500px; height: 50px; margin: 0 auto; color: #FFF; text-align: center; padding-top: 0; padding-bottom: 0; } .WFPanelR .moreBtn .sensor { cursor: pointer; background-color: #be935c; width: 100%; height: 100%; padding: 0; margin: 0 auto; } .WFPanelR .moreBtn .text { display: inline-block; vertical-align: middle; margin-left: 26px; margin-right: 26px; font-size: 16px; line-height: 16px; color: #fff; } .WFPanelR .pageAndTotal { margin: 0 auto; line-height: 100px; text-align: center; color: #CCC; font-size: 24px; font-family: 'Cormorant Infant','Arial', 'Noto Serif TC', serif; } .WFPanelR .noResults { margin: 0 auto; width: 100%; height: 420px; line-height: 420px; color: #031f45; text-align: center; position: relative; } .WFPanelR .MotionGearM_A{ padding:50px 0; margin:0 auto; } @media screen and (max-width: 1330px) { .WFPanelR .wfContent { padding:0 30px; } } @media screen and (max-width: 768px) { .WFPanelR .wfContent { padding:0; } .WFPanelR .ui_rules{ padding: 2.42vw 2.42vw 0 2.42vw; } .WFPanelR .ui_rules .title{ font-size:4.83vw; height:6.04vw; margin: 1.93vw 3.14vw 1.93vw 0.97vw; padding: 0.72vw 0; } .WFPanelR .ui_rules .unit{ font-size: 3.86vw; } .WFPanelR .ui_panel{ flex-wrap:wrap; } .WFPanelR .ui_panel .ui_panel_unit{ width:calc(50% - 1px); height: 8.94vw; font-size: 3.86vw; border: none; border-bottom: 1px #d2d2d2 solid; border-left: 1px #d2d2d2 solid; } .WFPanelR .ui_panel .ui_panel_unit:last-child{ border-right: none; } .WFPanelR .ui_panel .ui_panel_unit:nth-child(1), .WFPanelR .ui_panel .ui_panel_unit:nth-child(3){ border-top: 1px #d2d2d2 solid; } .WFPanelR .ui_panel .icon_arrow{ width:3.42vw; } .WFPanelR .ui_panel .line{ display:none; } .WFPanelR .ui_panel .enabled{ background-color: #eee; } .WFPanelR .ui_subpanel{ width: calc(100% - 1px); background-color: #f2f2f2; } .WFPanelR .ui_subpanel .unit{ width:50%; font-size:3.86vw; padding: 3.14vw 3%; line-height: 6.04vw; } .WFPanelR .ui_subpanel .color_board{ left:0; top:0; width:100%; height:100%; } .WFPanelR .ui_subpanel .tag_color { width: 5.31vw; height: 5.31vw; margin: 0vw 3.38vw 0 0; } .WFPanelR .ui_subpanel .icon_close{ width: 2.42vw; } .WFPanelR .ui_rules .unit{ margin: 1.93vw 0.97vw 1.93vw 0.97vw; padding: 0.72vw 2.42vw 0.72vw 2.42vw; height:7.97vw; } .WFPanelR .ui_rules .unit .icon_close{ width: 1.93vw; margin: 0 0 0 2.42vw; } .WFPanelR .secondary{ margin-top: 4.83vw; padding: 0 3.62vw 0 3.62vw; } .WFPanelR .ui_results{ height: 9.66vw; line-height: 9.66vw; font-size: 2.9vw; } .WFPanelR .ui_orderby .btnOB{ width: 37.44vw; } .WFPanelR .ui_orderby .icon_arrow { width: 2.42vw; } .WFPanelR .btnOption { min-width: 24.15vw; } .WFPanelR .btnOption .btnName { font-size:3.86vw; } .WFPanelR .showOptions .btnName { font-size:3.86vw; } .WFPanelR .btnOption .btnIcon { right: 2.42vw; } .WFPanelR .btnOption .icon { width: 3.42vw; height: 3.42vw; } .WFPanelR .showOptions { width: calc(100% - 0.48vw); } .WFPanelR .ui_orderby .btn { padding: 1.45vw 3.62vw; } .WFPanelR .ui_subpanel .extraUI { margin: 2.42vw 0 7.25vw 0; } .WFPanelR .ui_subpanel .extraUI .uiBox .btn { margin: 0 2.42vw 0 2.42vw; width: 36.23vw; height: 8.7vw; line-height: 8.7vw; background-color: #FFF; } .WFPanelR .ui_listboard{ padding: 0; min-height:100vw; } .WFPanelR .moreBtn { width: 60%; height: 12.08vw; } .WFPanelR .moreBtn .text { margin-left: 6.28vw; margin-right: 6.28vw; font-size: 3.86vw; line-height: 3.86vw; } .WFPanelR .moreBtn .icon{ width:4.0vw; height:100%; background-image:url(/tw/images/common/arrow_go_down_1_ffffff.svg); background-position: center 52%; } .WFPanelR .pageAndTotal { line-height: 24.15vw; font-size: 5.8vw; } .WFPanelR .noResults { height: 101.45vw; line-height: 101.45vw; font-size: 3.86vw; } .WFPanelR .extraUI_m { display: inline-block !important; } }