@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(/hk/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(/hk/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(/hk/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(/hk/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(/hk/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;
                            }
                        }