/* font */
@font-face {
    font-family: SegoeUI;
    src:
        local("Segoe UI Light"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2) format("woff2"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff) format("woff"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf) format("truetype");
    font-weight: 100;
}

@font-face {
    font-family: SegoeUI;
    src:
        local("Segoe UI Semilight"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2) format("woff2"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff) format("woff"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf) format("truetype");
    font-weight: 200;
}
/**/
body
{
   background-color: #333333;
   color: #000000;
   font-family: "Segoe UI Light";
   font-weight: normal;
   font-size: 17px;
   line-height: 1.4;
   margin: 0;
   padding: 0;
}




.popular-child, .most-child {
    width: 100%;
    overflow: hidden;
    display: inline-block;
    margin: 5px 5px;
    background: #403f3f;
    border-radius: 3px;
    max-width: 29%;
    min-height: 170px;
}


@media (max-width: 960px)
{
.popular-child, .most-child{

max-width: 40%;

}
}



@media (max-width: 760px)
{
.popular-child, .most-child{

max-width: 100%;

}
}





.img_popular img {
    width: auto;
    height: 100%;
    max-height: 150px;
    max-width: 100%;
}
.titlepop small {
    font-weight: 400;
}

.img_popular {
    width: 30%;
    height: auto;
    float: right;
    padding: 6px;
    border: 0;
    border-radius: 3px;
    background: #403f3f;
}
p {
    margin: 0 0 10px;
}

.titlepop {
    width: 60%;
    padding-left: 10px;
    padding-top: 10px;
    float: right;
    color: #ffda33;
    font-weight: 700;
}


#P_line_comments
{
   display: block;
   width: 100%;
   z-index: 21;
}

#P_line_comments {
    border-color: #4F4F4F;
    border-style: solid;
    border-bottom-width: 1px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    height: 0 !important;
    line-height: 0px !important;
    margin: 0;
    padding: 0;
}

hr {
    display: block;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    unicode-bidi: isolate;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
}


#wb_P_txt_commnts {
    color: #3C3C3C;
    font-family: "Segoe UI Semilight";
    font-weight: normal;
    font-size: 20px;
}

#wb_P_txt_commnts {
    background-color: transparent;
    background-image: none;
    border: 0px solid #000000;
    padding: 0;
    margin: 7px 0px 7px 0px;
    text-align: right;
}


a
{
   color: #ffd518;
   text-decoration: none;
}
a:visited
{
   color: #FFDA33;
}
a:active
{
   color: #00BFFF;
}
a:hover
{
   color: #A9A9A9;
   text-decoration: none;
}
input:focus, textarea:focus, select:focus
{
   outline: none;
}
.visibility-hidden
{
   visibility: hidden;
}
h1, .h1
{
   font-family: "Segoe UI Light";
   font-weight: normal;
   font-size: 26px;
   text-decoration: none;
   color: #F7F7F7;
   background-color: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: inline;
}
h2, .h2
{
   font-family: "Segoe UI Light";
   font-weight: bold;
   font-size: 22px;
   text-decoration: none;
   color: #F2F2F2;
   background-color: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: inline;
}
h3, .h3
{
   font-family: "Segoe UI Light";
   font-size: 20px;
   text-decoration: none;
   color: #F2F2F2;
   background-color: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: inline;
}
h4, .h4
{
   font-family: "Segoe UI Light";
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   color: #E8E8E8;
   background-color: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: inline;
}
h5, .h5
{
   font-family: "Segoe UI Light";
   font-weight: normal;
   font-size: 14px;
   text-decoration: none;
   color: #FCFCFC;
   background-color: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: inline;
}
h6, .h6
{
   font-family: "Segoe UI Light";
   font-weight: normal;
   font-size: 14px;
   text-decoration: none;
   color: #C7C7C7;
   background-color: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: inline;
}
p
{
  font-family: "Segoe UI Light";
  color: white;  
  line-height: 1.4;
  font-size: 16px;
}
.CustomStyle
{
   font-family: "Segoe UI Light";
   font-weight: bold;
   font-size: 16px;
   text-decoration: none;
   color: #2E74B5;
   background-color: transparent;
}
#wb_H_LG_logo
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 30px 0px 0px 0px;
}
#H_LG_logo
{
   box-sizing: border-box;
   padding: 0px 1px 0px 1px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1920px;
}
#H_LG_logo > .row
{
   margin-right: -1px;
   margin-left: -1px;
}
#H_LG_logo > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 1px;
   padding-left: 1px;
   position: relative;
}
#H_LG_logo > .row > .col-1
{
   float: left;
}
#H_LG_logo > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   width: 100%;
   text-align: center;
}
#H_LG_logo:before,
#H_LG_logo:after,
#H_LG_logo .row:before,
#H_LG_logo .row:after
{
   display: table;
   content: " ";
}
#H_LG_logo:after,
#H_LG_logo .row:after
{
   clear: both;
}
@media (max-width: 900px)
{
#H_LG_logo > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_logo
{
   margin: 7px 7px 7px 7px;
   direction: ltr;
   vertical-align: top;
}
#logo
{
   border: 0px solid #000000;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 98.58%;
   height: auto;
   max-width: 200px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#ad
{
   border: 0px solid #000000;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 98.58%;
   height: auto;
   max-width: 480px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_H_LG_search
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 40px 0px 10px 0px;
}
#H_LG_search
{
   box-sizing: border-box;
   padding: 0px 2px 0px 2px;
   margin-right: auto;
   margin-left: auto;
   max-width: 960px;
}
#H_LG_search > .row
{
   margin-right: -2px;
   margin-left: -2px;
}
#H_LG_search > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 2px;
   padding-left: 2px;
   position: relative;
}
#H_LG_search > .row > .col-1
{
   float: left;
}
#H_LG_search > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   width: 100%;
   text-align: center;
}
#H_LG_search:before,
#H_LG_search:after,
#H_LG_search .row:before,
#H_LG_search .row:after
{
   display: table;
   content: " ";
}
#H_LG_search:after,
#H_LG_search .row:after
{
   clear: both;
}
@media (max-width: 1px)
{
#H_LG_search > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#H_Search_Editbox
{
   border: 3px solid #696969;
   border-radius: 1px;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: "Segoe UI Light";
   font-weight: normal;
   font-size: 17px;
   box-sizing: border-box;
   line-height: 47px;
   padding: 4px 4px 4px 4px;
   margin: 5px 0;
   text-align: center;
}
#H_Search_Editbox:focus
{
   border-color: #FFD700;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(255,215,0,0.60);
   outline: 0;
}
#H_Search_Editbox::placeholder
{
   color: #FFFFFF;
   opacity: 1;
}
#H_Search_Editbox::input-placeholder
{
   color: #FFFFFF;
}
#wb_H_LG_category
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 20px 0px 30px 0px;
}
#H_LG_category
{
   box-sizing: border-box;
   padding: 0px 15px 0px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1920px;
}
#H_LG_category > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#H_LG_category > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#H_LG_category > .row > .col-1
{
   float: left;
}
#H_LG_category > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   width: 100%;
   text-align: right;
}
#H_LG_category:before,
#H_LG_category:after,
#H_LG_category .row:before,
#H_LG_category .row:after
{
   display: table;
   content: " ";
}
#H_LG_category:after,
#H_LG_category .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#H_LG_category > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}






#wb_H_LG_title
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 5px 0px 20px 0px;
}
#H_LG_title
{
   box-sizing: border-box;
   padding: 0px 15px 0px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1920px;
}
#H_LG_title > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#H_LG_title > .row > .col-1, #H_LG_title > .row > .col-2, #H_LG_title > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#H_LG_title > .row > .col-1, #H_LG_title > .row > .col-2, #H_LG_title > .row > .col-3
{
   float: left;
}
#H_LG_title > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   width: 8.33333333%;
   text-align: left;
}
#H_LG_title > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   width: 83.33333333%;
   text-align: center;
}
#H_LG_title > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   width: 8.33333333%;
   text-align: left;
}
#H_LG_title:before,
#H_LG_title:after,
#H_LG_title .row:before,
#H_LG_title .row:after
{
   display: table;
   content: " ";
}
#H_LG_title:after,
#H_LG_title .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#H_LG_title > .row > .col-1, #H_LG_title > .row > .col-2, #H_LG_title > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_H_Txt_title 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_H_Txt_title
{
   color: #3C3C3C;
   font-family: "Segoe UI Light";
   font-weight: normal;
   font-size: 32px;
}
#wb_H_Txt_title div
{
   text-align: center;
}
#wb_H_btn_search
{
   transform: rotate(0deg);
   transform-origin: 50% 50%;
}
#H_btn_search
{
   width: 94px;
   height: 41px;
   background-color: transparent;
   background-image: none;
   border: 3px #696969 solid;
}
#H_btn_search_text
{
   position: absolute;
   left: 5px;
   top: 13px;
   width: 88px;
   height: 20px;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#wb_H_btn_search
{
   margin: 10px 0px 6px 0px;
}
#H_btn_search:hover
{
    border-bottom-color: #FFD700;
   border-top-color: #FFD700;
   border-left-color: #333333;
   border-right-color: #333333;
}

.wb_H_btn_s1
{
   transform: rotate(0deg);
   transform-origin: 50% 50%;
}
.H_btn_s1
{
   width: 96px;
   height: 37px;
   background-color: transparent;
   background-image: none;
   border: 2px #333333 solid;
}
.H_btn_s1_text
{
   position: absolute;
   left: 1px;
   top: 10px;
   width: 94px;
   height: 22px;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
.H_btn_s1:hover
{

   border-bottom-color: #FFD700;
   border-top-color: #FFD700;
}

#wb_uid5
{
   color: #4F4F4F;
   font-family: "Segoe UI Light";
   font-size: 15px;
}
#wb_H_btn_search
{
   display: inline-block;
   width: auto;
   height: auto;
   z-index: 6;
   position: relative;
}
#wb_uid4
{
   color: #4F4F4F;
   font-family: "Segoe UI Light";
   font-size: 16px;
}
#wb_uid3
{
   color: #4F4F4F;
   font-family: "Segoe UI Light";
   font-size: 16px;
}
#wb_uid2
{
   color: #FCFCFC;
   font-family: "Segoe UI Light";
   font-size: 16px;
}
#wb_logo
{
   display: inline-block;
   width: calc(100% - 14px);
   height: auto;
   z-index: 0;
}
#wb_uid1
{
   color: #FFFFFF;
   font-family: "Segoe UI Light";
   font-size: 16px;
}
#wb_uid0
{
   position: absolute;
   left: 84px;
   top: 668px;
   margin: 0;
   border-width: 0;
   z-index: 250;
}
#H_Search_Editbox
{
   display: block;
   width: 100%;
   height: 61px;
   z-index: 5;
}
#wb_H_btn_s3
{
   display: inline-block;
   width: 100px;
   height: 41px;
   z-index: 3;
   position: relative;
}
#wb_H_btn_s2
{
   display: inline-block;
   width: 100px;
   height: 41px;
   z-index: 2;
   position: relative;
}
.wb_H_btn_s1
{
   display: inline-block;
   width: 100px;
   height: 41px;
   z-index: 1;
   position: relative;
}
#wb_H_btn_s4
{
   display: inline-block;
   width: 100px;
   height: 41px;
   z-index: 4;
   position: relative;
}

#wb_F_TXT_tag
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #3B3B3B;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 20px 0px 15px 0px;
}
#F_TXT_tag
{
   box-sizing: border-box;
   padding: 0px 15px 0px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1920px;
}
#F_TXT_tag > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#F_TXT_tag > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#F_TXT_tag > .row > .col-1
{
   float: left;
}
#F_TXT_tag > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   width: 100%;
   text-align: right;
}
#F_TXT_tag:before,
#F_TXT_tag:after,
#F_TXT_tag .row:before,
#F_TXT_tag .row:after
{
   display: table;
   content: " ";
}
#F_TXT_tag:after,
#F_TXT_tag .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#F_TXT_tag > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_F_LG_contact
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #3B3B3B;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 20px 0px 35px 0px;
}
#F_LG_contact
{
   box-sizing: border-box;
   padding: 0px 15px 0px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1920px;
}
#F_LG_contact > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#F_LG_contact > .row > .col-1, #F_LG_contact > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#F_LG_contact > .row > .col-1, #F_LG_contact > .row > .col-2
{
   float: left;
}
#F_LG_contact > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   width: 50%;
   text-align: center;
}
#F_LG_contact > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   width: 50%;
   text-align: center;
}
#F_LG_contact:before,
#F_LG_contact:after,
#F_LG_contact .row:before,
#F_LG_contact .row:after
{
   display: table;
   content: " ";
}
#F_LG_contact:after,
#F_LG_contact .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#F_LG_contact > .row > .col-1, #F_LG_contact > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_F_cyp_right 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 12px 0px 0px 0px;
   text-align: center;
}
#wb_F_cyp_right
{
   color: #FFFFFF;
   font-family: "Segoe UI Semilight";
   font-weight: normal;
   font-size: 19px;
}
#wb_F_cyp_right div
{
   text-align: center;
}
.wb_F_FAI_home
{
   background-color: transparent;
   background-image: none;
   border: 2px solid #E0E0E0;
   text-align: center;
   margin: 0px 1px 0px 1px;
   padding: 12px 12px 12px 12px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
.wb_F_FAI_home:hover
{
   background-color: transparent;
   background-image: none;
   border: 2px solid #FFC000;
}
.F_FAI_home
{
   height: 22px;
   width: 20px;
}
.F_FAI_home i
{
   color: #E8E8E8;
   display: inline-block;
   font-size: 20px;
   line-height: 22px;
   vertical-align: middle;
   width: 17px;
}
.wb_F_FAI_home:hover i
{
   color: #FFC000;
}

#wb_F_PageKeyword
{
   color: #3C3C3C;
   font-family: "Segoe UI Semilight";
   font-weight: normal;
   font-size: 21px;
}
#wb_F_PageKeyword div
{
   text-align: right;
}

#wb_uid1
{
   color: #FFFFFF;
}

#wb_uid0
{
   position: absolute;
   left: 0px;
   top: 181px;
   margin: 0;
   border-width: 0;
   z-index: 250;
}
.wb_F_FAI_home
{
   display: inline-block;
   width: 20px;
   height: 22px;
   text-align: center;
   z-index: 5;
}

/*  menu   */
#wb_H_LG_menu
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 5px 0px 5px 0px;
}
#H_LG_menu
{
   box-sizing: border-box;
   padding: 0px 15px 0px 15px;
   margin-right: auto;
   margin-left: auto;
}
#H_LG_menu > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#H_LG_menu > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#H_LG_menu > .row > .col-1
{
   float: left;
}
#H_LG_menu > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   width: 100%;
   text-align: right;
}
#H_LG_menu:before,
#H_LG_menu:after,
#H_LG_menu .row:before,
#H_LG_menu .row:after
{
   display: table;
   content: " ";
}
#H_LG_menu:after,
#H_LG_menu .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#H_LG_menu > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_H_Rmenu
{
   background-color: rgba(169,169,169,1.00);
   display: block;
   font-family: Cairo;
   font-weight: normal;
   text-align: right;
   width: 100%;
}
#H_Rmenu
{
   background-color: #A9A9A9;
   display: inline-block;
   height: auto;
}
#wb_H_Rmenu ul
{
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
}
#wb_H_Rmenu ul:after
{
   clear: both;
   content: "";
   display: block;
}
#wb_H_Rmenu ul li
{
   background-color: #A9A9A9;
   display: list-item;
   float: right;
   list-style: none;
   z-index: 9999;
}
#wb_H_Rmenu ul li i
{
   font-size: 0px;
   width: 0px;
}
#wb_H_Rmenu ul li a
{
   color: #FFFFFF;
   font-family: Segoe UI Light;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   padding: 15px 15px 15px 15px;
   text-align: center;
   text-decoration: none;
}
#wb_H_Rmenu > ul > li > a
{
   height: 28px;
}
.H_Rmenu a
{
   display: block;
}
#wb_H_Rmenu li a:hover, #wb_H_Rmenu li .active
{
   background-color: #CCCCCC;
   color: #424242;
}
#wb_H_Rmenu ul ul
{
   display: none;
   position: absolute;
   top: 58px;
}
#wb_H_Rmenu ul li:hover > ul
{
   display: list-item;
}
#wb_H_Rmenu ul ul li
{
   background-color: #A9A9A9;
   color: #FFFFFF;
   float: none;
   position: relative;
   width: auto;
}

#wb_H_Rmenu ul ul li a:hover, #wb_H_Rmenu ul ul li .active
{
   background-color: #CCCCCC;
   color: #424242;

}
#wb_H_Rmenu ul ul li i
{
   margin-right: 0px;
   vertical-align: middle;
}
#wb_H_Rmenu ul ul li a
{
   color: #FFFFFF;
   padding-top: 15px;
   padding-right: 15px;
   padding-bottom: 15px;
   text-align: right;
   vertical-align: middle;
}
#wb_H_Rmenu ul ul ul li
{
   left: 94px;
   position: relative;
   top: -58px;
}
#wb_H_Rmenu .arrow-down
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
   border-top: 4px solid #FFFFFF;
   border-right: 4px solid transparent;
   border-left: 4px solid transparent;
   border-bottom: 0 dotted;
}
#wb_H_Rmenu .arrow-left
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 4px;
   vertical-align: middle;
   border-left: 4px solid #FFFFFF;
   border-top: 4px solid transparent;
   border-bottom: 4px solid transparent;
   border-right: 0 dotted;
}
#wb_H_Rmenu li a:hover .arrow-down
{
   border-top-color: #424242;
}
#wb_H_Rmenu ul ul li a:hover .arrow-left, #wb_H_Rmenu ul ul li .active .arrow-left
{
   border-left-color: #424242;
  }
#wb_H_Rmenu .toggle,[id^=H_Rmenu-submenu]
{
   display: none;
}
@media all and (max-width:970px)
{
#wb_H_Rmenu
{
   margin: 0;
   text-align: right;
}
#wb_H_Rmenu ul li a, #wb_H_Rmenu .toggle
{
   font-size: 16px;
   font-weight: normal;
   font-style: normal;
   padding: 15px 15px 15px 15px;
}
#wb_H_Rmenu .toggle + a
{
   display: none !important;
}
.H_Rmenu
{
   display: none;
   z-index: 9999;
}
#H_Rmenu
{
   background-color: transparent;
   display: none;
}
#wb_H_Rmenu > ul > li > a
{
   height: auto;
}
#wb_H_Rmenu .toggle
{
   display: block;
   background-color: #A9A9A9;
   color: #FFFFFF;
   padding: 0px 15px 0px 15px;
   line-height: 60px;
   text-decoration: none;
   border: none;
   position: relative;
}
#wb_H_Rmenu .toggle:hover
{
   background-color: #CCCCCC;
   color: #424242;
}
[id^=H_Rmenu-submenu]:checked + ul
{
   display: block !important;
}
#H_Rmenu-title
{
    font-family: Segoe UI Light;
   height: 58px;
   line-height: 58px !important;
   text-align: right;
}
#wb_H_Rmenu ul li
{
   display: block;
   width: 100%;
   text-align: right;
}
#wb_H_Rmenu ul ul .toggle,
#wb_H_Rmenu ul ul a
{
   padding: 0 30px;
}
#wb_H_Rmenu a:hover,
#wb_H_Rmenu ul ul ul a
{
   background-color: #A9A9A9;
   color: #FFFFFF;
}
#wb_H_Rmenu ul li ul li .toggle,
#wb_H_Rmenu ul ul a
{
   background-color: #A9A9A9;
   color: #FFFFFF;
}
#wb_H_Rmenu ul ul ul a
{
   padding: 15px 15px 15px 45px;
}
#wb_H_Rmenu ul li a
{
   text-align: right;
}
#wb_H_Rmenu ul li a br
{
   display: none;
}
#wb_H_Rmenu ul li i
{
   margin-right: 0px;
}
#wb_H_Rmenu ul ul
{
   float: none;
   position: static;
}
#wb_H_Rmenu ul ul li:hover > ul,
#wb_H_Rmenu ul li:hover > ul
{
   display: none;

}
#wb_H_Rmenu ul ul li
{
   display: block;
   width: 100%;
}
#wb_H_Rmenu ul ul ul li
{
   position: static;
}
#H_Rmenu-icon
{
   display: block;
   position: absolute;
   left: 15px;
   top: 17px;
}
#H_Rmenu-icon span
{
   display: block;
   margin-top: 4px;
   height: 2px;
   background-color: #FFFFFF;
   color: #FFFFFF;
   width: 24px;
}
#wb_H_Rmenu ul li ul li .toggle:hover
{
   background-color: #CCCCCC;
   color: #424242;
}
#wb_H_Rmenu .toggle .arrow-down
{
   border-top-color: #FFFFFF;
}
#wb_H_Rmenu .toggle:hover .arrow-down, #wb_H_Rmenu li .active .arrow-down
{
   border-top-color: #424242;
}
#wb_H_Rmenu ul li ul li .toggle .arrow-down
{
   border-top-color: #FFFFFF;
}
#wb_H_Rmenu ul li ul li .toggle:hover .arrow-down, #wb_H_Rmenu ul li ul li .active .arrow-down
{
   border-top-color: #424242;
}
}

#wb_H_Rmenu
{
   display: inline-block;
   width: 100%;
   z-index: 9;
}
@-webkit-keyframes flip-in
{
   0% { -webkit-transform: perspective(400px) rotateX(90deg) scale3d(1.2,1.2,1.2) ; opacity: 0;  }
   50% { -webkit-transform: perspective(400px) rotateX(-20deg) scale3d(1.0,1.0,1.0) ; opacity: 1;  }
   100% { -webkit-transform: perspective(400px) rotateX(0deg) scale3d(1.0,1.0,1.0) ;  }
}
@-moz-keyframes flip-in
{
   0% { -moz-transform: perspective(400px) rotateX(90deg) scale3d(1.2,1.2,1.2) ; opacity: 0;  }
   50% { -moz-transform: perspective(400px) rotateX(-20deg) scale3d(1.0,1.0,1.0) ; opacity: 1;  }
   100% { -moz-transform: perspective(400px) rotateX(0deg) scale3d(1.0,1.0,1.0) ;  }
}
@keyframes flip-in
{
   0% { transform: perspective(400px) rotateX(90deg) scale3d(1.2,1.2,1.2) ; opacity: 0;  }
   50% { transform: perspective(400px) rotateX(-20deg) scale3d(1.0,1.0,1.0) ; opacity: 1;  }
   100% { transform: perspective(400px) rotateX(0deg) scale3d(1.0,1.0,1.0) ;  }
}

/* font */

@font-face {
    font-family: SegoeUI;
    src:
        local("Segoe UI Semilight"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2) format("woff2"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff) format("woff"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf) format("truetype");
    font-weight: 200;
}