@charset "utf-8";

#alert_doing_form,
#topMenuContainer .customer_cart,
#topMenuContainer .userBar,
.hidden {
    display: none
}

#alert_doing_form .alertShowing,
#topMenuContainer,
#wrapHeader .share_bar {
    font-family: Arial, Helvetica, sans-serif
}

#wrapBottom .companyFooter .cf_content td,
.rightRecruitmentForm .middle .col2 {
    vertical-align: top
}

img {
    border: 0
}

body {
    margin: 0;
    padding: 0;
    min-width: 1000px;
    overflow-x: hidden;
    color: #666
}

.content_auto {
    width: 1000px;
    margin: 0 auto
}

.cf_content {
    float: left;
    width: 100%
}

#alert_doing_form {
    background: url(../img/white_transparent.png) top left;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1500
}

#alert_doing_form .alertShowing {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 170px;
    padding: 5px 10px;
    margin-left: -85px;
    margin-top: -40px;
    font-size: 18px;
    color: #1b99cc;
    z-index: 2100;
    background: #fff;
    border: 1px solid #999
}

#over_dark_transparent {
    display: none;
    background: url(../img/dark_transparent.png) top left;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1000
}

#wrap,
#wrapRightPos {
    float: left;
    width: 100%
}

#topMenuContainer {
    float: left;
    width: 100%;
    font-size: 12px
}

#topMenuContainer .cf_content {
    position: relative;
    z-index: 300
}

#topMenuContainer .topMenu {
    padding: 4px 0;
    position: absolute;
    right: 0
}

#topMenuContainer ul.catalogTop,
ul.catalogTop {
    margin: 0 6px 0 0;
    padding: 0;
    float: left;
    list-style: none
}

#topMenuContainer ul.catalogTop li,
ul.catalogTop li {
    float: left;
    padding: 0 10px 0 0
}

#topMenuContainer ul.catalogTop li a,
ul.catalogTop li a {
    background: url(../img/icon_sitemap.png) left 3px no-repeat;
    text-decoration: none;
    color: #7a7a7a;
    float: left;
    padding: 0 0 0 16px;
    font-weight: 700;
    font-size: 13px
}

#topMenuContainer ul.catalogTop li a:hover,
ul.catalogTop li a:hover {
    text-decoration: underline;
    cursor: pointer
}

#topMenuContainer ul.catalogTop li.lastitem,
ul.catalogTop li.lastitem {
    background: 0 0
}

.menu-ft ul.catalogTop li a {
    color: #fff
}

#topMenuContainer a:hover {
    text-decoration: underline
}

#wrapHeader .share_bar .parent,
#wrapHeader .share_bar .root li a {
    text-decoration: none;
    font-weight: 700;
    display: block;
    text-transform: none
}

.wrapHeaderContainer {
    background: url(../img/header-bg2.png) repeat-x #dedede;
    float: left;
    width: 100%;
    border-top: 2px solid #f11927
}

#wrapHeader {
    float: left;
    width: 100%;
    position: relative;
    padding: 0
}

#wrapHeader #box-logo {
    width: 1000px;
    height: 154px;
    float: left;
    overflow: hidden
}

#wrapHeader #box-logo .logo_list {
    width: 100%;
    display: block
}

#wrapHeader #box-logo .logo_list li,
#wrapHeader #box-logo .logo_list ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#wrapHeader #box-logo .logo_list img {
    height: 154px
}

#wrapHeader .logo_container {
    float: left;
    padding: 0
}

#wrapHeader .logo_container a {
    display: block;
    padding: 0
}

#wrapHeader .share_bar {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    position: relative;
    top: 60px
}

#wrapHeader .share_bar .parent {
    color: #000;
    margin-right: 15px;
    font-size: 12px;
    padding: 2px 0
}

#wrapHeader .share_bar ul {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
}

#wrapHeader .share_bar .root li {
    float: left;
    position: relative;
    margin: 0 0 0 8px;
    padding: 0;
    height: 25px
}

#wrapHeader .share_bar .root li a {
    color: #fff;
    font-size: 16px;
    padding: 3px 0
}

#wrapHeader .share_bar .root li ul {
    list-style: none;
    padding: 0;
    margin: 7px 0 0;
    position: relative
}

#wrapHeader .share_bar .root li li {
    margin: 4px 5px;
    float: left
}

#wrapHeader .share_bar .root li li a {
    background: 0 0;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
    color: #d7d8e7
}

#wrapHeader .share_bar img {
    float: left;
    margin-top: -5px;
    margin-right: 10px
}

#wrapHeader .share_bar .root li li a:hover {
    text-decoration: underline
}

#wrapHeader .flag {
    float: right;
    margin-left: 8px
}

#mainMenuTopContainer {
    float: left;
    width: 100%;
    margin-top: 5px
}

#mainMenuTop {
    background: url(../img/mn-center-bg_1.png) repeat-x;
    float: left;
    width: 100%;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 500
}

#mainMenuTop .mnTopLeft,
#mainMenuTop .mnTopRight {
    position: absolute;
    top: 0;
    width: 10px;
    height: 59px;
    display: none;
    float: left
}

#mainMenuTop .mnTopLeft {
    background: url(../img/mn-left-bg.png) no-repeat;
    left: -10px
}

#mainMenuTop .mnTopRight {
    background: url(../img/mn-right-bg.png) right top no-repeat;
    right: -10px
}

#mainMenuTop .mnTopCenter {
    float: left;
    height: 35px;
    position: relative;
    z-index: 700
}

#mainMenuTop .root {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 35px !important
}

#mainMenuTop .root li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    white-space: nowrap
}

#mainMenuTop .root li a {
    white-space: nowrap;
    float: left;
    text-decoration: none;
    color: #fff;
    padding: 0;
    margin: 0;
    text-align: center;
    font-weight: 700;
    text-transform: none;
    font-family: Tahoma;
    font-size: 12px
}

#mainMenuTop .root li li a,
.directoryTop {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px
}

#mainMenuTop .root .space {
    background: url(../img/menu-space-bg_1.png) left center no-repeat;
    float: left;
    width: 2px;
    height: 35px
}

#mainMenuTop .root .space_hover {
    background: url(../img/menu-space-bg_1.png) left center repeat-x;
    float: left;
    width: 2px;
    height: 35px
}

#mainMenuTop .root li .m_left {
    float: left;
    width: 0;
    height: 0
}

#mainMenuTop .root li .m_center {
    float: left;
    padding: 10px 7px 11px;
    height: 14px
}

#mainMenuTop .root li .m_right {
    float: left;
    width: 0;
    height: 0
}

#mainMenuTop .root li:hover .m_center {
    background-color: #d7dddf;
    color: #2a2a2a
}

#mainMenuTop .root li.active .m_center {
    background: url(../img/bg-menu-mobile.png) repeat-x;
    color: #222;
    border-radius: 0
}

#mainMenuTop .root li:hover ul {
    display: block
}

#mainMenuTop .root li:hover li ul {
    display: none
}

#mainMenuTop .root li:hover li:hover ul {
    display: block
}

#mainMenuTop .root ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 35px;
    left: 0;
    display: none;
    background: #ed1b24;
    width: 210px;
    border-bottom: 0;
    opacity: 1
}

#mainMenuTop .root li li {
    float: none;
    display: block;
    height: auto;
    margin: 0;
    border-top: 1px solid #fff
}

#mainMenuTop .root ul li.lastitem {
    background: 0 0
}

#mainMenuTop .root ul li .sub_active {
    color: #2a2a2a;
    background-color: #d7dddf
}

#mainMenuTop .root li li a {
    background: url(../img/arrow11.png) 15px 13px no-repeat;
    font-weight: 400;
    padding: 8px 20px 8px 30px;
    margin: 0;
    text-align: left;
    float: none;
    display: block;
    color: #fff;
    text-transform: none;
    white-space: nowrap
}

#mainMenuTop .root li li ul {
    left: 210px;
    top: -1px
}

#mainMenuTop .root li:hover .sub_active {
    color: #2a2a2a;
    background-color: #d7dddf
}

#mainMenuTop .root li:hover li a {
    color: #fff
}

#mainMenuTop .root li li:hover a {
    color: #2a2a2a;
    background-color: #d7dddf
}

#mainMenuTop .root li li:hover li a {
    color: #fff;
    background: 0 0
}

#mainMenuTop .root li li a:hover {
    color: #2a2a2a
}

#mainMenuTop .root li li li a:hover {
    color: #2a2a2a;
    background: #d7dddf
}

#mainMenuTop .root .space2 {
    display: none
}

#mainMenuTop .root li .home .m_center {
    border-radius: 0
}

.directoryTop {
    float: left;
    width: 100%;
    color: #767477;
    padding: 5px 0;
    height: 22px
}

.directoryTop .directoryL {
    float: left;
    width: 487px;
    margin-top: 0;
    font-family: Tahoma, Geneva, sans-serif
}

.directoryTop .directoryL a {
    float: left;
    text-decoration: none;
    color: #535353;
    padding: 2px 10px;
    background: url(../img/arrow6.png) right 8px no-repeat
}

.boxSearch,
.directoryTop .directoryTime {
    float: right;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif
}

.directoryTop .directoryL .lastitem a {
    background: 0 0
}

.directoryTop .directoryL .home {
    color: #535353;
    font-weight: 400;
    padding: 2px 16px 2px 8px;
    background: url(../img/arrow6.png) right 8px no-repeat
}

.directoryTop .directoryTime {
    padding: 0;
    color: #686469
}

.boxSearch {
    width: 245px;
    height: 30px;
    color: #444;
    position: relative;
    z-index: 999;
    right: 5px;
    top: 2px
}

.boxSearch .title {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 240px;
    top: 3px;
    white-space: nowrap;
    color: #fff;
    text-transform: uppercase;
    display: none
}

.boxSearch input {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #888;
    width: 152px;
    margin: 4px 0 0 8px;
    padding: 2px 0 0 6px;
    outline: 0;
    font-style: italic;
    background: #fff;
    border: 1px solid #c1c1c1;
    height: 20px
}

.boxSearch button {
    float: right;
    width: 70px;
    height: 23px;
    background: 0 0;
    border: 0;
    cursor: pointer;
    margin: 5px 0 0;
    padding: 0;
    position: relative
}

.boxSearch button img {
    position: absolute;
    top: 0;
    left: 0
}

.boxSearch select {
    float: left;
    width: 100px;
    padding: 3px;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
    border: 1px solid #888c8f;
    border-right: 0;
    background: #1c4676;
    display: none
}

.columnRight,
.rightStylePlayer {
    margin-bottom: 5px
}

.wrapMiddle {
    float: left;
    width: 100%;
    padding: 0 0 5px
}

.homeLeft {
    float: left;
    width: 725px;
    position: relative
}

.columnRight,
.wrapRight,
.wrapRight2 {
    float: right;
    width: 270px
}

.rightStylePlayer {
    float: left;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    position: relative
}

.rightStylePlayer .topBG {
    position: absolute;
    top: 0;
    right: 0;
    background: #e9e9e9;
    height: 29px;
    width: 260px;
    z-index: 100
}

.rightStylePlayer .top {
    float: left;
    z-index: 200;
    width: 99%;
    height: 42px;
    position: relative;
    background: url(../img/left_link.png) left top no-repeat
}

.rightStylePlayer .top .icon {
    position: absolute;
    top: -6px;
    left: 5px;
    display: none
}

.rightStylePlayer .top h3 {
    float: left;
    margin: 0 0 0 30px;
    padding: 0;
    background: url(../img/center_link.png) right top repeat-x;
    height: 29px
}

.rightStylePlayer .top .catName {
    background: url(../img/right_link.png) right top no-repeat;
    float: left;
    padding: 0 30px 0 0;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    height: 29px;
    line-height: 29px;
    margin-left: -20px
}

.rightStylePlayer .top .catName span {
    color: #fff;
    float: left;
    min-width: 160px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 29px
}

.rightStylePlayer .middle {
    float: left;
    background: #e9e9e9;
    width: 99%;
    padding: 0;
    border: 1px solid #e3e3e3
}

.rightStylePlayer .bottom {
    background: url(../img/bottom-bg3.png) bottom left no-repeat;
    float: left;
    width: 100%;
    height: 1px;
    padding-left: 9px;
    display: none
}

.rightStylePlayer .news .item_root {
    float: left;
    width: 95%;
    margin: 0;
    padding: 5px;
    background: url(../img/arrow.png) 5px 10px no-repeat
}

.rightStylePlayer .news .item_root .imageContainer {
    display: none
}

.rightStylePlayer .news .item_root .title {
    display: none;
    font-size: 12px;
    color: #333;
    margin: 0 3px 0 0;
    padding: 0 0 5px 10px;
    overflow: hidden;
    border-bottom: 1px dashed #c6c6c6
}

.rightStylePlayer .news .item_root .title h2 {
    display: none
}

.rightStylePlayer .news .item_root .title a {
    text-decoration: none;
    color: #383a18;
    font-weight: 700;
    display: none
}

.rightStylePlayer .news .item_root .player_container {
    float: left;
    margin: 6px 0 0
}

.rightStylePlayer .item_sub {
    width: 100%;
    float: left;
    margin: 0 5px;
    font-family: Tahoma, Geneva, sans-serif
}

.rightStyle1,
.supportOnline,
.supportOnline .listing .email .name,
.supportOnline .listing .name,
.supportOnline .listing .phone_name,
.supportOnline .listing .phone_text,
.supportOnline .middle .hotline {
    font-family: Arial, Helvetica, sans-serif
}

.rightStylePlayer .item_sub .title {
    float: left;
    width: 95%;
    margin: 0;
    padding: 7px 5px;
    border-bottom: 1px dashed #c6c6c6;
    background: url(../img/arrow.png) 3px 24px no-repeat
}

.rightStylePlayer .item_sub .title a {
    font-size: 12px;
    color: #333;
    margin: 0 3px 0 0;
    padding: 0 0 5px 10px;
    overflow: hidden;
    text-decoration: none
}

.rightStylePlayer .item_sub .title a:hover {
    color: #fe2f2c
}

.rightStylePlayer .item_sub .imageContainer {
    display: none;
    position: relative
}

.rightStylePlayer .item_sub .imageContainer img {
    width: 202px;
    height: 154px
}

.rightStylePlayer .item_sub .play {
    background: url(../img/play-icon.png) top left no-repeat;
    position: absolute;
    width: 39px;
    height: 27px;
    left: 50%;
    top: 50%;
    margin-top: -14px;
    margin-left: -20px;
    display: none
}

.rightStylePlayer .item_sub .player_container {
    float: left;
    margin: 6px 0 0;
    display: none
}

.rightStylePlayer .lastitem .title {
    border: 0
}

#boxbannerCarousel {
    width: 725px;
    float: left;
    overflow: hidden
}

#topbannerCarousel {
    height: 250px;
    overflow: hidden;
    margin-bottom: 20px
}

#topbannerCarousel li,
#topbannerCarousel ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#topbannerCarousel img {
    height: 250px
}

.carousel-control {
    width: 10%;
    opacity: .5
}

.carousel-control:hover {
    opacity: 1
}

.carousel-control.left,
.carousel-control.right {
    background-image: none
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    background: url(../img/arrow.png) no-repeat #959595;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    background-position: left 0
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    background-position: right 0
}

.carousel-fade .item {
    -webkit-transition: opacity 3s;
    -moz-transition: opacity 3s;
    -ms-transition: opacity 3s;
    -o-transition: opacity 3s;
    transition: opacity 3s;
    min-height: 236px
}

.carousel-fade .item img {
    width: 725px
}

.carousel-fade .next {
    left: 0;
    opacity: 1;
    z-index: 1
}

.vid-ctrl {
    height: 0;
    top: -28px
}

.vid-ctrl .icon-next {
    right: 20px
}

.vid-ctrl .icon-prev {
    left: 160px
}

.carousel-control .icon-next:before,
.carousel-control .icon-prev:before {
    content: none
}

#rightbannerCarousel .carousel-indicators {
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: auto;
    margin-left: 0;
    height: 12px
}

#rightbannerCarousel .carousel-indicators li {
    display: block !important;
    width: 12px;
    height: 0;
    padding-top: 12px;
    background-image: url(../img/pagination.png);
    float: left;
    overflow: hidden;
    background-color: transparent;
    border: none;
    margin: 0 1px
}

.supportOnline,
.supportOnline .supportOnlineBorder {
    width: 100%;
    float: left
}

#rightbannerCarousel .carousel-indicators .active {
    background-position: 0 -12px
}

.supportOnline {
    font-size: 12px;
    margin-bottom: 8px
}

.supportOnline .top {
    float: left;
    width: 266px;
    height: 35px;
    position: relative;
    background: url(../img/left_support_1.png) left bottom no-repeat
}

.supportOnline .top .icon {
    position: absolute;
    top: 0;
    left: 18px;
    display: none
}

.rightStyle1 .top,
.rightStyle1 .top a,
.rightStyle2 .top {
    position: relative;
    height: 35px
}

.supportOnline .top h3 {
    float: left;
    margin: 0 0 0 30px;
    padding: 0;
    background: url(../img/center_support_1.png) right top repeat-x;
    height: 29px
}

.supportOnline .top .catName {
    background: url(../img/right_support_1.png) right top no-repeat;
    float: left;
    padding: 0 10px 0 0;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    height: 29px;
    line-height: 28px;
    margin-left: -20px
}

.supportOnline .top .catName span {
    display: block;
    margin: 0 0 0 -2px;
    padding: 0 0 5px;
    font-weight: 700;
    font-size: 13px
}

.supportOnline .middle {
    float: left;
    width: 92%;
    padding: 20px 10px 25px;
    background: #fceadd;
    border-top: 1px solid #e0d0c5;
    margin-top: -6px
}

.supportOnline .middle .hotline {
    background: 0 0;
    border-bottom: 1px solid #afa299;
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    color: red;
    margin: 0 0 10px;
    padding: 5px 0
}

.supportOnline .bottom {
    background: url(../img/right-bottom-bg.png) bottom left no-repeat;
    float: left;
    width: 100%;
    height: 8px;
    display: none
}

.supportOnline .listing {
    color: #3d3d3d;
    margin: 0
}

.supportOnline .listing p {
    float: left;
    width: 100%;
    margin: 0;
    padding: 5px 0
}

.supportOnline .listing a {
    float: left;
    width: 100%;
    text-decoration: none;
    color: #3d3d3d
}

.supportOnline .listing .nick {
    display: none
}

.supportOnline .listing .name {
    float: left;
    padding: 3px 10px 1px 0;
    text-align: left;
    color: #005dc6;
    font-size: 12px;
    font-weight: 700
}

.supportOnline .listing .name:hover {
    color: #348ac9
}

.supportOnline .listing .icon {
    float: left;
    margin-right: 10px
}

.supportOnline .listing .title {
    text-transform: uppercase;
    font-weight: 700;
    color: #333;
    font-size: 12px
}

.supportOnline .listing .title span {
    margin-left: 8px
}

.supportOnline .listing .icon-support {
    float: left
}

.supportOnline .listing .icon-support span {
    float: left;
    display: block;
    margin-left: 5px
}

.supportOnline .listing .icon-support span:nth-child(0) {
    margin-left: 0
}

.supportOnline .listing .icon-support span a {
    width: auto;
    background: #f0f0f0;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    padding: 5px 6px
}

.supportOnline .listing .phone_name {
    text-align: left;
    float: left;
    color: #322f2c;
    font-size: 12px
}

.supportOnline .listing .phone_text {
    float: left;
    font-size: 12px;
    padding: 0 0 0 5px;
    color: #328df4
}

.supportOnline .listing .email .icon {
    padding-top: 1px
}

.supportOnline .listing .email .name {
    padding-top: 0;
    color: #fe2f2c;
    font-size: 12px;
    font-weight: 400;
    padding-left: 5px
}

.avatar_offline {
    display: none
}

.supportOnline .hr {
    float: left;
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #888686;
    margin: 17px 0
}

.right_adv {
    width: 100%;
    float: left;
    margin: 10px 0 0
}

.rightStyle1 {
    float: left;
    width: 266px;
    padding: 1px;
    font-size: 12px;
    margin-bottom: 6px;
    min-height: 222px;
    background: #e4e8e9
}

.rightStyle1 .top {
    float: left;
    width: 100%;
    background: url(../img/bg_right_title_right_1.png) right top no-repeat;
    right: -15px;
    top: 5px;
    line-height: 35px
}

.rightStyle1 .top a {
    background: url(../img/bg_left_title_right_1.png) left top no-repeat;
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    text-transform: none;
    font-weight: 700;
    text-align: center;
    left: -25px;
    padding-left: 35px;
    font-family: "Times New Roman", Times, serif;
    font-style: italic
}

.rightStyle1 .middle .story .create_time,
.rightStyle1 .middle .story .description,
.rightStyle1 .middle .story .image_container,
.rightStyle1 .top .viewmore {
    display: none
}

.rightStyle1 .middle {
    float: left;
    width: 100%;
    padding: 15px 0 5px
}

.rightStyle1 .middle .story {
    float: left;
    width: 93%;
    margin: 5px 10px;
    border-bottom: 1px dashed #c2c5c6;
    padding-bottom: 3px
}

.rightStyle1 .middle .story .title {
    background: url(../img/arrow2.png) left 5px no-repeat;
    font-size: 14px;
    color: #383a18;
    margin: 0;
    padding: 0 0 0 15px
}

.rightStyle1 .middle .story .title a {
    text-decoration: none;
    color: #383a18;
    font-weight: 400
}

.rightStyle1 .middle .story .subStory {
    margin: 6px 0 6px 32px;
    float: left;
    width: 245px;
    border-top: 1px dashed #6a5929;
    border-bottom: 1px dashed #6a5929;
    display: none
}

.rightStyle1 .middle .story .subStory h3.title {
    background: url(../img/arrow9.png) 10px 7px no-repeat;
    padding: 5px 0 5px 25px;
    margin: 0
}

.rightStyle1 .middle .story .subStory h3.title a {
    color: #383a18
}

.rightStyle1 .middle .active .subStory h3.active a,
.rightStyle1 .middle .active .title a {
    color: #326bed
}

.rightStyle1 .middle .active .subStory {
    display: block
}

#slideHot .button_bar,
.Scroll_topNews .scrollDownBtn,
.Scroll_topNews .scrollUpBtn,
.languageBar span,
.rightStyle2 .middle .story .create_time,
.rightStyle2 .middle .story .description,
.rightStyle2 .middle .story .image_container {
    display: none
}

.rightStyle1 .middle .lastitem {
    border: 0
}

.rightStyle2 {
    float: left;
    width: 270px;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 6px;
    background: #e9e9e9
}

.rightStyle2 .top {
    float: left;
    width: 99%;
    background: url(../img/left_link.png) left bottom no-repeat;
    border: 1px solid #e3e3e3;
    border-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.rightStyle2 .top h3 {
    float: left;
    margin: 0 0 0 30px;
    padding: 0;
    background: url(../img/center_link.png) right top repeat-x;
    height: 29px
}

.rightStyle2 .top a {
    background: url(../img/right_link.png) right top no-repeat;
    float: left;
    padding: 0 30px 0 0;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    height: 29px;
    line-height: 29px;
    margin-left: -20px
}

.rightStyle2 .top .viewmore {
    float: right
}

.rightStyle2 .top .viewmore a {
    text-decoration: none;
    color: #8d8d8d;
    font-size: 11px;
    text-transform: none;
    font-weight: 400;
    padding: 8px 5px 3px
}

.rightStyle2 .middle {
    float: left;
    width: 248px;
    padding: 10px 10px 0;
    border: 1px solid #b2b2b2;
    margin-top: -6px;
    background: #fff
}

.rightStyle2 .middle .story {
    float: left;
    width: 100%;
    margin: 0;
    padding: 5px 0;
    background: url(../img/arrow.png) 0 10px no-repeat;
    font-family: Tahoma, Geneva, sans-serif
}

.rightStyle2 .middle .story .title {
    font-size: 12px;
    color: #333;
    margin: 0 3px 0 0;
    padding: 0 0 5px 10px;
    overflow: hidden;
    border-bottom: 1px dashed #c6c6c6
}

.rightStyle2 .middle .story .title a {
    text-decoration: none;
    color: #383a18;
    font-weight: 700
}

.rightStyle2 .middle .story .title a:hover {
    color: #ed1b24
}

.rightStyle2 .middle .story .image_container .image_news {
    float: left;
    width: 56px;
    height: 56px;
    margin-right: 3px;
    margin-left: 5px
}

.contentHot,
.hotTitle {
    float: left;
    width: 500px;
    font-family: Arial, Helvetica, sans-serif
}

.rightStyle2 .middle .bg1 {
    background-color: #fff
}

.rightStyle2 .middle .bg2 {
    background-color: #efefef
}

.rightStyle2 .middle .lastitem .title {
    border: 0
}

.contentHot {
    margin: 0 0 15px;
    padding: 0
}

.hotTitle {
    padding: 5px 0;
    font-size: 12px;
    color: #2a2a2a;
    font-weight: 700;
    text-transform: uppercase
}

#slideHot,
#slideHot .slider {
    width: 500px;
    padding: 0;
    position: relative;
    float: left;
    overflow: hidden
}

#slideHot {
    margin: 0 5px 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px
}

#slideHot .slider {
    height: 310px;
    margin: 0;
    list-style: none
}

#slideHot .slider li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

#slideHot .slider li img {
    border: 0;
    width: 500px;
    height: 310px
}

#slideHot .slider .news {
    float: left;
    position: relative
}

#slideHot .slider a {
    text-decoration: none;
    color: #fff;
    float: left;
    width: 100%
}

#slideHot .slider .title {
    background: url(../img/dark_transparent.png) left top;
    margin: 0;
    padding: 8px 10px;
    text-transform: none;
    position: absolute;
    width: 480px;
    bottom: 0;
    text-align: left;
    left: 0
}

#slideHot .slider .title h2 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}

#slideHot .slider .title a {
    color: #fff;
    font-size: 14px;
    font-family: Tahoma;
    font-weight: 700
}

#slideHot .slider .title .description {
    float: left;
    width: 100%;
    font-size: 12px;
    color: #fff;
    margin: 4px 0 0;
    font-family: Tahoma
}

#slideHot .navigator_bar {
    float: left;
    padding: 0;
    margin: 5px 0 0
}

#slideHot .button_bar,
#slideHot .navigator {
    margin: 0;
    padding: 0;
    list-style: none
}

#slideHot .navigator li {
    float: left
}

#slideHot .button_bar {
    float: left;
    width: 1px;
    height: 1px
}

#slideHot .button_bar li {
    float: left;
    cursor: pointer
}

#slideHot .button_bar li.prev {
    background: url(../img/prev-icon.png) center center no-repeat;
    width: 10px;
    height: 81px;
    position: absolute;
    left: 0;
    bottom: 15px
}

#slideHot .button_bar li.start,
#slideHot .button_bar li.stop {
    width: 21px;
    height: 21px;
    margin: 0 2px
}

#slideHot .button_bar li.prev:hover {
    background-color: #f1f1f1
}

#slideHot .button_bar li.start {
    background: url(../img/start-icon.png) right top no-repeat
}

#slideHot .button_bar li.next {
    background: url(../img/next-icon.png) center center no-repeat;
    width: 10px;
    height: 81px;
    position: absolute;
    right: 0;
    bottom: 15px
}

#top_News,
.topNews {
    width: 215px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0
}

#slideHot .button_bar li.next:hover {
    background-color: #f1f1f1
}

#top_News {
    float: left;
    margin: 0 5px;
    font-size: 12px;
    position: relative;
    overflow: hidden
}

.topNews {
    float: right;
    margin: 0 0 15px;
    position: relative
}

.topNews .topTitle {
    float: left;
    width: 99%;
    height: 32px;
    position: relative;
    background: url(../img/left_top_news_1.png) left bottom no-repeat
}

.topNews .topTitle h3 {
    float: left;
    margin: 2px -6px 0 39px;
    padding: 0;
    background: url(../img/center_top_news_1.png) center top repeat-x;
    height: 30px
}

.topNews .topTitle h3 span {
    background: url(../img/right_top_news_1.png) right top no-repeat;
    float: left;
    margin-left: -30px;
    padding: 0 10px 0 0;
    height: 29px;
    line-height: 24px;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-transform: none
}

.lastestNewsTop,
.topNews .box-slide,
.topNews .slides-TD .story a {
    font-family: Tahoma;
    font-size: 12px
}

.topNews .control {
    position: absolute;
    top: 5px;
    right: 10px
}

.topNews .control a img {
    width: 10px;
    height: 15px
}

.topNews .box-slide {
    background: #fff;
    float: right;
    width: 190px;
    padding: 0 10px;
    height: 418px;
    border: 1px solid #aaa;
    overflow: hidden
}

.topNews .slides-TD .story {
    width: 100%;
    float: left;
    border-bottom: 1px dashed #b2b2b2;
    padding: 5px 0 6px
}

.topNews .slides-TD .story:last-child {
    border-bottom: none
}

.topNews .slides-TD .story a {
    text-decoration: none;
    color: #333;
    font-weight: 700;
    line-height: 18px
}

.topNews .slides-TD .story a:hover {
    color: red
}

.lastestNewsTop {
    background: #fff;
    float: right;
    width: 213px;
    height: 420px;
    border: 1px solid #aaa;
    overflow: hidden
}

.lastestNewsTop .overFollow {
    padding: 0 6px
}

.lastestNewsTop .navigator_bar {
    float: left;
    padding: 0;
    margin: 5px 0 0
}

.lastestNewsTop .navigator {
    float: left;
    margin: -12px 0 0;
    padding: 0;
    list-style: none
}

.lastestNewsTop .navigator li {
    float: left;
    width: 100%;
    height: 46px
}

.lastestNewsTop .navigator li.active {
    background: url(../img/bg_active.png) left top
}

.lastestNewsTop .navigator li.active a {
    color: #fff
}

.lastestNewsTop .story {
    float: left;
    width: 100%;
    padding: 5px 0 6px;
    margin: 0 2px;
    border-bottom: 1px dashed #b2b2b2;
    height: 33px;
    overflow: hidden
}

.lastestNewsTop .story .image_container .image_news {
    float: left;
    width: 119px;
    height: 90px;
    margin: 0 3px;
    display: none
}

.lastestNewsTop .story h2.title {
    margin: -2px 0 0;
    padding: 0
}

.lastestNewsTop .story h2.title a {
    text-decoration: none;
    color: #333;
    font-size: 11px;
    font-weight: 700;
    font-family: tahoma;
    line-height: 18px
}

.lastestNewsTop .story h2.title a:hover {
    color: red
}

.lastestNewsTop .firstitem {
    padding-top: 0
}

.lastestNewsTop .lastitem {
    padding-bottom: 0
}

.Scroll_topNews {
    position: relative;
    bottom: 0;
    margin: 0;
    width: 210px;
    height: 415px;
    padding: 0
}

.Scroll_topNews .customScrollBox {
    position: relative;
    height: 100%;
    overflow: hidden
}

.Scroll_topNews .customScrollBox .container {
    width: 190px;
    padding: 0 7px;
    position: relative;
    top: 0;
    float: left
}

.Scroll_topNews .customScrollBox .content {
    clear: both;
    float: left
}

.Scroll_topNews .dragger_container {
    position: relative;
    width: 2px;
    height: 400px;
    float: right;
    margin: 2px 1px 0 3px;
    background: #5e5e5e;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    cursor: s-resize
}

.Scroll_topNews .dragger,
.Scroll_topNews .dragger_pressed {
    position: absolute;
    width: 4px;
    margin-left: -1px;
    height: 60px;
    line-height: 60px;
    color: #666;
    -khtml-border-radius: 4px;
    text-align: center;
    overflow: hidden
}

.Scroll_topNews .dragger {
    background: #9b9b9b;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.Scroll_topNews .dragger_pressed {
    background: #224486;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer
}

.Scroll_topNews .dragger_container:hover .dragger {
    background: #224486
}

.lastestNewsHome {
    float: right;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px
}

.lastestNewsHome .story {
    float: left;
    width: 120px;
    padding: 5px 0;
    margin: 0 2px
}

.lastestNewsHome .story .image_container .image_news {
    float: left;
    width: 120px;
    height: 90px;
    margin: 0
}

.lastestNewsHome .story h2.title {
    margin: -2px 0 0;
    padding: 0
}

.lastestNewsHome .story h2.title a {
    text-decoration: none;
    color: #333;
    font-size: 12px;
    font-weight: 700;
    font-family: Tahoma;
    height: 31px;
    overflow: hidden;
    float: left;
    line-height: 15px
}

#wrapBottom,
#wrapBottom .companyFooter,
.catalogHome2,
.catalogHome2 .firstitem h2.title a,
.catalogHome2 .seconditem h2.title a,
.catalogHome2 .story h2.title a,
.languageBar,
.web123Sig {
    font-family: Arial, Helvetica, sans-serif
}

.lastestNewsHome .story h2.title a:hover {
    color: red
}

.lastestNewsHome .firstitem {
    padding-top: 0
}

.lastestNewsHome .lastitem {
    padding-bottom: 0
}

.languageBar {
    float: right;
    font-size: 12px;
    margin-right: 0;
    margin-top: 2px
}

.languageBar a {
    text-decoration: none;
    color: #5c7db0;
    float: left;
    padding: 0
}

.languageBar span {
    margin-top: 7px
}

.languageBar a:hover {
    color: #000;
    cursor: pointer
}

.languageBar .active span {
    border-bottom: 1px solid #000;
    color: #000
}

.languageBar img {
    margin-left: 4px
}

.top_adv {
    float: left;
    z-index: 100
}

.catalogInHome {
    float: left;
    width: 100%
}

.catalogHome2 {
    float: left;
    width: 100%;
    font-size: 12px;
    position: relative;
    margin: 0;
    background-color: #fff
}

.catalogHome2 .columnTitle {
    float: left;
    width: 100%;
    position: relative;
    height: 28px;
    background: #e7ebec
}

.catalogHome2 .columnTitle h3 {
    float: left;
    height: 28px;
    margin: 0;
    padding: 0;
    background: url(../img/right_title_column_1.png) right top no-repeat;
    position: relative;
    z-index: 999
}

.catalogHome2 .columnTitle .catName {
    float: left;
    padding: 0 170px 0 0;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: none;
    height: 32px;
    line-height: 29px;
    margin: 0 50px 0 0;
    min-width: 180px
}

.catalogHome2 .columnTitle .catName span {
    background: #ed1b24;
    height: 28px;
    display: block;
    padding: 0 15px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12.3px
}

.catalogHome2 .columnTitle .sub_catalog {
    float: right;
    height: 28px;
    position: absolute;
    left: 215px;
    z-index: 1000;
    background: url(../img/bottom_subcatalog_1.png) left bottom no-repeat
}

.catalogHome2 .columnTitle .sub_catalog .span_left {
    background: url(../img/space_left_1.png) right top no-repeat;
    width: 23px;
    height: 27px;
    float: left
}

.catalogHome2 .columnTitle .sub_catalog .span_center {
    background: #e8ccce;
    height: 27px;
    float: left;
    white-space: nowrap
}

.catalogHome2 .columnTitle .sub_catalog .span_right {
    background: url(../img/space3_1.png) left top no-repeat;
    width: 23px;
    height: 27px;
    float: left
}

.catalogHome2 .columnTitle .sub_catalog a {
    float: left;
    height: 27px;
    line-height: 29px;
    text-decoration: none;
    font-size: 12px;
    color: #2e2929;
    font-weight: 700;
    margin-left: -20px
}

.catalogHome2 .columnTitle .sub_catalog a:hover {
    color: #ed1b24
}

.catalogHome2 .columnTitle .sub_catalog .sub_space {
    background: url(../img/space3_1.png) left top no-repeat;
    float: left;
    width: 23px;
    height: 28px;
    margin: 0 5px;
    display: none
}

.catalogHome2 .middle {
    float: left;
    width: 100%;
    padding: 0 0 15px;
    margin-top: -1px;
    background: url(../img/bg_item_column.png) left top repeat-x;
    min-height: 150px
}

.catalogHome2 .listing {
    background: url(../img/top-bg6.png) left top no-repeat;
    float: left;
    width: 100%;
    padding: 20px 0 0
}

.catalogHome2 .story {
    float: left;
    width: 500px;
    padding: 0;
    margin: 0 0 10px;
    overflow: hidden
}

.catalogHome2 .story .image_container {
    display: none
}

.catalogHome2 .story .image_container .image_news {
    float: left;
    width: 225px;
    height: 160px;
    margin: 3px 8px 0 0;
    padding: 0
}

.catalogHome2 .story h2.title {
    background: url(../img/arrow12.png) 8px 6px no-repeat;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 0 0 19px;
    font-weight: 700
}

.catalogHome2 .story h2.title a {
    text-decoration: none;
    color: #343434;
    font-size: 13px;
    padding: 0;
    white-space: nowrap
}

.catalogHome2 .story h2.title a:hover {
    color: #477fd4
}

.catalogHome2 .story .create_time {
    font-size: 11px;
    color: #515151;
    margin: 4px 0;
    display: none
}

.catalogHome2 .story .description {
    color: #000;
    margin-top: 6px;
    display: none
}

.catalogHome2 .lastitem {
    border: 0;
    margin-right: 0
}

.catalogHome2 .firstitem {
    width: 485px;
    height: 180px;
    margin-left: 12px
}

.catalogHome2 .firstitem .image_container {
    display: block;
    float: left
}

.catalogHome2 .firstitem h2.title {
    float: none;
    width: auto;
    background: 0 0;
    margin: 0
}

.catalogHome2 .firstitem h2.title a {
    color: #171717;
    font-size: 13px;
    white-space: normal
}

.catalogHome2 .firstitem .create_time {
    display: block;
    color: #515151
}

.catalogHome2 .firstitem .description {
    display: inline;
    line-height: 20px;
    font-size: 13px
}

.catalogHome2 .seconditem {
    width: 180px;
    margin-right: 28px;
    margin-bottom: 5px;
    float: right
}

.catalogHome2 .seconditem .image_container {
    display: block;
    float: left
}

.catalogHome2 .seconditem .create_time,
.catalogHome2 .seconditem .description,
.web123Sig {
    display: none
}

.catalogHome2 .seconditem .image_container .image_news {
    float: left;
    width: 53px;
    height: 53px;
    margin: 3px 5px 0 0;
    padding: 0
}

.catalogHome2 .seconditem h2.title {
    float: none;
    width: auto;
    background: 0 0;
    margin: 0;
    height: 45px;
    overflow: hidden;
    padding: 0;
    text-align: left
}

#wrapBottom,
#wrapBottom .companyFooter,
#wrapBottom .wbLeft,
.wrapBottomCenter {
    width: 100%;
    float: left
}

.catalogHome2 .seconditem h2.title a {
    color: #343434;
    font-size: 13px;
    white-space: normal;
    font-weight: 400
}

#wrapBottom {
    font-size: 12px;
    color: #1a1a1a;
    margin-top: 24px;
    background: url(../img/bgBot.jpg) center bottom no-repeat #fff;
    border-top: 2px solid #d5d5d5
}

#wrapBottom .cf_content {
    position: relative
}

#wrapBottom .wbLeft {
    padding: 0;
    margin: 0
}

#wrapBottom .companyFooter {
    padding: 15px 0 0;
    font-size: 14px;
    color: #111;
    line-height: 20px;
    text-align: left
}

#wrapBottom .companyFooter a {
    text-decoration: none;
    color: #111
}

#wrapBottom .companyFooter a:hover,
#wrapBottom a:hover {
    text-decoration: underline
}

#wrapBottom .companyFooter .title {
    background: url(../img/dot4.png) left bottom repeat-x;
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    padding: 3px 0 8px;
    margin-bottom: 4px;
    color: #111
}

#wrapBottom .companyFooter .cf_content {
    line-height: 20px;
    position: relative;
    width: 1000px;
    float: left;
    color: #111
}

#wrapBottom .companyFooter .cf_content .root_item {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    float: right;
    right: 0;
    top: 15px
}

#wrapBottom .companyFooter .cf_content .root_item li {
    float: left;
    margin: 0
}

#wrapBottom .companyFooter .cf_content .root_item li img {
    float: left;
    margin-right: 8px;
    margin-top: 6px
}

#wrapBottom .bottomContent {
    width: 100%;
    float: left;
    background: #333;
    min-height: 36px;
    line-height: 36px;
    font-size: 14px
}

#wrapBottom .bottomContent .cf_content_l {
    position: relative;
    width: 600px;
    float: left;
    color: #fff
}

.web123Sig {
    float: right;
    padding: 0;
    font-size: 14px;
    color: #fff
}

.web123Sig p {
    margin: 0;
    padding: 0
}

.web123Sig a {
    text-decoration: none;
    color: #fff
}

.gotop {
    background: url(../img/gotop-icon.png) no-repeat;
    float: left;
    position: absolute;
    right: 0;
    top: -20px
}

.gotop a {
    text-decoration: none;
    color: #8c8c8d;
    display: block;
    padding: 0 0 0 20px;
    cursor: pointer
}

.rightRecruitmentForm {
    float: left;
    width: 100%;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    color: #333
}

.rightRecruitmentForm .top {
    background: url(../img/left_link.png) left top no-repeat;
    float: left;
    width: 100%;
    height: 36px;
    position: relative
}

.rightRecruitmentForm .top .bg {
    margin: 0 0 0 30px;
    height: 29px;
    background: #e9e9e9
}

.rightRecruitmentForm .top .bg div {
    background: url(../img/center_link.png) left top repeat-x;
    float: left;
    height: 29px;
    margin: 0
}

.rightRecruitmentForm .top .bg div a {
    background: url(../img/right_link.png) right top no-repeat;
    float: left;
    height: 24px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    margin-left: -12px;
    padding: 5px 30px 0 0
}

.rightRecruitmentForm .middle {
    float: left;
    width: 268px;
    border: 1px solid #b5b5b5;
    margin-top: -8px;
    padding: 15px 0 6px
}

.rightRecruitmentForm .middle .col1 {
    vertical-align: top;
    width: 117px;
    font-weight: 700;
    padding-top: 5px;
    font-size: 12px
}

.rightRecruitmentForm .middle .input_style input,
.rightRecruitmentForm .middle select {
    padding: 2px;
    font-size: inherit;
    color: inherit;
    font-family: inherit;
    border: 1px solid #ccc
}

.rightRecruitmentForm .middle select {
    margin: 0 0 10px;
    width: 100%
}

.rightRecruitmentForm .middle .input_style {
    position: relative;
    display: block;
    margin: 0 0 10px
}

.rightRecruitmentForm .middle .input_style input {
    margin: 0 0 5px
}

.rightRecruitmentForm .middle .input_style .warning {
    position: absolute;
    bottom: -13px;
    left: 0;
    border: 1px solid #ac0000;
    border-top: 2px solid #ac0000;
    font-size: 11px;
    padding: 0 3px;
    background: #fff;
    display: none;
    z-index: 5;
    line-height: 13px
}

.rightRecruitmentForm .middle .warning .arrow {
    position: absolute;
    top: -5px;
    left: 4px
}

.rightRecruitmentForm .middle button {
    cursor: pointer;
    border-radius: 2px
}

.rightRecruitmentForm .middle .submitButton {
    background: #f01927;
    border: 0;
    margin: 8px 0;
    padding: 3px 8px;
    font-family: inherit;
    font-size: inherit;
    font-weight: 700;
    color: #fff;
    box-shadow: 1px 2px 2px #ccc
}

.slider-home #slideHot .slider .news .description,
.slider-home .hotnew_adrress,
.top_title span a {
    font-family: "Times New Roman", Times, serif
}

.rightRecruitmentForm .middle .submitButton:hover {
    box-shadow: 1px 2px 2px #aaa
}

.jCarouselLite p a {
    text-decoration: none;
    color: #383a18;
    font-weight: 400
}

.jCarouselLite p {
    background: url(../img/arrow2.png) left 5px no-repeat;
    font-size: 14px;
    color: #383a18;
    margin: 0;
    padding: 0 0 0 15px
}

.jCarouselLite .wwidget {
    float: left;
    width: 93%;
    margin: 2px 10px;
    border-bottom: 1px dashed #c2c5c6;
    padding-bottom: 3px
}

.jCarouselLite li {
    height: 236px;
    width: 269px;
    list-style: none;
    padding: 0
}

.proroll {
    background: #e4e8e9
}

.top_title,
.top_title span a {
    background: #ed1b24;
    position: relative
}

.photoroll {
    float: left;
    padding-top: 14px
}

.top_title {
    width: 100%;
    z-index: 99;
    margin-top: 5px
}

.top_title span a {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    height: 35px;
    font-style: italic;
    text-transform: uppercase;
    line-height: 35px
}

.top_title span:after,
.top_title span:before {
    content: "";
    display: block;
    height: 35px;
    top: 0;
    position: absolute;
    z-index: 999
}

.top_title span:before {
    width: 36px;
    background: url(../img/bg_left_title_right_1.png) no-repeat;
    left: -9px
}

.top_title span:after {
    width: 43px;
    background: url(../img/bg_right_title_right_1.png) no-repeat;
    right: -14px
}

.proroll .prev {
    top: 0 !important;
    z-index: 9999;
    left: 240px !important
}

.proroll .next {
    top: 0 !important;
    left: 255px;
    z-index: 9999
}

.proroll .next img,
.proroll .prev img {
    width: 10px;
    height: 15px
}

.formdk .content label {
    font-size: 12px;
    color: #484848;
    display: inline-block
}

.recruitment-container .reset img {
    position: relative;
    top: 7px;
    cursor: pointer
}

.slider-home #wrap-hotnews {
    height: 220px
}

.slider-home .wrap-hotnews-auto {
    position: relative
}

.slider-home #wrap-slide-hot {
    margin: 0 auto;
    bottom: 50px
}

.slider-home #catalog-highlight {
    width: 400px;
    padding: 11px;
    background-color: #ccc;
    overflow: hidden;
    bottom: 115px;
    left: 45px;
    opacity: .8
}

.slider-home #catalog-highlight h2.title {
    font-weight: 700;
    font-size: 22px;
    color: #000;
    margin-bottom: 15px
}

.slider-home #catalog-highlight .content-highlight {
    font-size: 15px
}

.slider-home #catalog-highlight .more {
    float: right
}

.slider-home #catalog-highlight .more a {
    color: #fff;
    padding: 7px 11px;
    background-color: #a60606
}

.slider-home #slideHot,
.slider-home #slideHot .slider,
.slider-home .contentHot {
    padding: 0;
    position: relative;
    height: 220px;
    width: 100%;
    float: left
}

.slider-home .contentHot {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.slider-home #slideHot {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    overflow: hidden
}

.slider-home #slideHot .slider {
    margin: 0;
    list-style: none
}

.slider-home #slideHot .slider li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.slider-home #slideHot .slider li img {
    border: 0;
    height: 220px
}

.slider-home #slideHot .slider .news {
    float: left;
    position: relative;
    width: 100%
}

.slider-home #slideHot .slider .news .background_image {
    float: left;
    width: 100%;
    position: relative
}

.slider-home #slideHot .slider .news .background_image a {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 220px;
    position: relative;
    text-indent: -9999px
}

.slider-home #slideHot .slider a {
    text-decoration: none;
    color: #fff;
    float: left;
    width: 100%
}

.slider-home #slideHot .slide_auto {
    margin: 0 auto;
    position: relative
}

.slider-home #slideHot .slider .news .description {
    float: left;
    padding: 20px 0 7px;
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    position: absolute;
    top: 30px;
    left: 130px;
    right: 140px;
    text-transform: uppercase;
    line-height: 45px;
    text-shadow: 2px 2px 2px #000;
    text-align: center
}

.slider-home .hotnew_adrress {
    position: absolute;
    bottom: 30px;
    left: 15px;
    text-shadow: 1px 1px 3px red;
    font-size: 14px;
    color: #fff;
    font-weight: 700
}

.slider-home .hotnew_adrress span {
    margin-right: 40px
}

.slider-home #slideHot .slider .title {
    margin: 0;
    padding: 110px 17px 23px;
    text-transform: none;
    font-weight: 700;
    position: absolute;
    width: 210px;
    height: 500px;
    top: 150px;
    text-align: left;
    left: 0;
    float: left
}

.slider-home #slideHot .slider .title a {
    display: table-cell;
    float: none;
    width: 100%;
    vertical-align: middle;
    padding: 0 0 7px;
    color: #233572;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: Tahoma
}

.slider-home #slideHot .slider .title .viewmore {
    float: right;
    text-align: left;
    color: #233572;
    font-size: 13px;
    padding: 3px 0;
    text-decoration: none;
    font-family: Tahoma;
    font-weight: 400;
    text-transform: none
}

.slider-home #slideHot .slide_auto .navigator_bar {
    float: left;
    width: 100px;
    height: 15px;
    padding: 0;
    margin: 0;
    right: 13px;
    bottom: 0;
    text-align: right;
    position: absolute;
    top: 350px
}

.slider-home #slideHot .slide_auto .navigator_bar .overFollow {
    margin: 0
}

.slider-home #slideHot .slide_auto .navigator {
    margin: 0;
    padding: 0;
    list-style: none
}

.slider-home #slideHot .slide_auto .navigator li {
    background: url(../img/arrow-hotnews.png) right top no-repeat;
    display: inline-block;
    padding: 0;
    margin: 0 3px;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    height: 21px
}

.slider-home #slideHot .slide_auto .navigator li img.icon_arrow {
    position: absolute;
    left: -53px;
    top: 22px;
    display: none
}

.slider-home #slideHot .slide_auto .navigator li.active,
.slider-home #slideHot .slide_auto .navigator li:hover {
    background-position: left top
}

.slider-home #slideHot .button_bar {
    display: none;
    background: #bd1f40;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 244px;
    height: 30px;
    position: absolute;
    bottom: 0;
    right: 0
}

.slider-home #slideHot .button_bar li {
    float: left;
    cursor: pointer
}

.slider-home #slideHot .button_bar li.prev {
    background: url(../img/prev-icon.png) center center no-repeat;
    width: 17px;
    height: 9px;
    position: absolute;
    left: 13px;
    bottom: 10px
}

.slider-home #slideHot .button_bar li.stop {
    width: 21px;
    height: 21px;
    margin: 0 2px
}

.slider-home #slideHot .button_bar li.start {
    background: url(../img/start-icon.png) right top no-repeat;
    width: 21px;
    height: 21px;
    margin: 0 2px
}

.slider-home #slideHot .button_bar li.next {
    background: url(../img/next-icon.png) center center no-repeat;
    width: 17px;
    height: 9px;
    position: absolute;
    left: 215px;
    bottom: 10px
}

.slider-home #wrap-hotnews {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif
}

.slider-home .wrap-hotnews-auto {
    width: 1000px;
    margin: 0 auto
}

.slider-home #wrap-slide-hot {
    background: #dfdfdf;
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.slider-home #wrap-hotnews .slider {
    float: left;
    width: 100%;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 500;
    overflow: hidden
}

.slider-home #wrap-hotnews .slider li img {
    border: 0;
    width: auto
}

.slider-home #wrap-hotnews .slider .news-overfolow {
    margin: 0 20px
}

.slider-home #wrap-hotnews .slider a {
    text-decoration: none;
    color: #fff;
    float: left;
    width: 100%
}

.slider-home #wrap-hotnews .slider .code {
    float: left;
    font-size: 30.5px;
    font-weight: 700;
    width: 42px;
    height: 35px;
    text-align: center;
    color: #fff
}

.slider-home #wrap-hotnews .slider .title {
    opacity: 0;
    position: absolute;
    top: 200px;
    right: 16px
}

.slider-home #wrap-hotnews .slider .title a {
    color: #96001a;
    font-size: 50px;
    font-weight: 400;
    font-family: Dinhhon, Arial
}

.slider-home #wrap-hotnews .slider .description {
    opacity: 0;
    font-family: "Times New Roman", Times, serif;
    color: #000;
    font-size: 19px;
    font-weight: 400;
    position: absolute;
    top: 258px;
    right: 16px;
    width: 330px;
    height: 220px;
    line-height: 29px;
    text-align: right
}

.slider-home #wrap-hotnews .slider .news-bg {
    opacity: 0;
    width: 500px;
    height: 535px;
    position: absolute;
    right: -136px;
    bottom: -56px;
    border-radius: 600px
}

.slider-home #wrap-hotnews .slide-image-list {
    float: left;
    width: 100%;
    height: 300px;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 100;
    overflow: hidden
}

.slider-home #wrap-hotnews .slide-image-list .image_hotnews {
    position: absolute;
    top: 0;
    left: 0
}

.slider-home #wrap-hotnews .navigator_bar {
    padding: 0;
    margin: 0;
    position: absolute;
    right: 48px;
    bottom: 30px;
    z-index: 600
}

.slider-home #wrap-hotnews .navigator_bar .overFollow {
    margin: 0
}

.slider-home #wrap-hotnews .navigator {
    margin: 0;
    padding: 0;
    list-style: none
}

.slider-home #wrap-hotnews .navigator li {
    float: left;
    padding: 0;
    margin: 0 8px 0 0;
    cursor: pointer;
    position: relative;
    width: 24px;
    height: 24px;
    background: url(../img/arrow-hotnews.png) right top no-repeat;
    text-indent: -9999px
}

.slider-home #wrap-hotnews .navigator li a {
    text-decoration: none;
    margin: 0;
    padding: 0;
    color: #222;
    font-weight: 700
}

.slider-home #wrap-hotnews .navigator li.active {
    background-position: left top
}

.slider-home #wrap-hotnews .navigator li.active img.icon_arrow {
    display: block
}

.slider-home #wrap-hotnews .button_bar {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    display: none
}

.slider-home #wrap-hotnews .button_bar li {
    float: left;
    cursor: pointer
}

.slider-home #wrap-hotnews .button_bar li.next,
.slider-home #wrap-hotnews .button_bar li.prev,
.slider-home #wrap-hotnews .button_bar li.start,
.slider-home #wrap-hotnews .button_bar li.stop {
    display: none
}

.slider-home #catalog-highlight {
    position: relative
}

.slider-home #catalog-highlight .catalog-highlight-item-image {
    border: 4px solid #1c8859;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 40px;
    left: 165px;
    z-index: 700
}

.slider-home #catalog-highlight .catalog-highlight-item-image-0 {
    border-color: #29587e
}

.slider-home #catalog-highlight .catalog-highlight-item-image-1 {
    top: 205px;
    left: 100px;
    width: 210px;
    height: 210px
}

.slider-home #catalog-highlight .catalog-highlight-item-image-2 {
    top: 375px;
    left: 210px;
    width: 100px;
    height: 100px;
    border-color: #29587e
}

.slider-home #catalog-highlight .catalog-highlight-item-image-3 {
    top: 386px;
    left: 355px;
    border-color: #29587e
}

.slider-home #catalog-highlight .catalog-highlight-item-image:hover {
    opacity: .7
}

.slider-home #catalog-highlight .catalog-highlight-item-title {
    position: absolute;
    top: 75px;
    left: 380px;
    color: #fff;
    z-index: 700;
    font-size: 45px
}

.slider-home #catalog-highlight .catalog-highlight-item-title a {
    background: url(../img/arrow1.png) left center no-repeat;
    padding: 0 0 0 40px;
    text-decoration: none;
    color: inherit;
    font-family: "Times New Roman", Times, serif;
    font-weight: 700;
    float: left;
    text-shadow: 1px 1px 1px #fff
}

.slider-home #catalog-highlight .catalog-highlight-item-title-1 a,
.slider-home #catalog-highlight .catalog-highlight-item-title-3 a {
    background-image: url(../img/arrow2.png)
}

#slideHot1,
#wrapHeader .lienket,
.contentHot1,
.exchange_yen {
    font-family: Arial, Helvetica, sans-serif
}

.slider-home #catalog-highlight .catalog-highlight-item-title-1 {
    top: 170px;
    left: 360px
}

.slider-home #catalog-highlight .catalog-highlight-item-title-2 {
    top: 260px;
    left: 390px
}

.slider-home #catalog-highlight .catalog-highlight-item-title-3 {
    top: 350px;
    left: 405px
}

.slider-home .news2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    text-align: left;
    font-size: 14px;
    height: 35px;
    line-height: 12px;
    padding-left: 10px
}

.slider-home .news .text-news {
    color: #fff
}

div.hover2:hover div.box_de {
    display: block
}

div.box_de {
    border: 1px solid #000;
    position: fixed;
    top: 30px;
    right: 0;
    display: none;
    z-index: 99999
}

#slideHot1 .slide_auto .navigator li {
    background: url(../img/arrow-hotnews.png) right top no-repeat;
    display: inline-block;
    padding: 0;
    margin: 0 2px;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    width: 12px;
    height: 12px;
    z-index: 999999
}

#slideHot1 .slide_auto .navigator {
    margin: 0;
    padding: 0;
    list-style: none
}

#slideHot1 .slide_auto .navigator_bar {
    width: 100%;
    height: 12px;
    padding: 0;
    margin: 0;
    right: 13px;
    bottom: 0;
    text-align: center;
    position: absolute;
    top: 285px
}

#slideHot1 .slide_auto {
    margin: 0 auto;
    position: relative
}

#slideHot1 .slider {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#slideHot1 {
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 12px;
    position: relative;
    overflow: hidden
}

.contentHot1 {
    position: relative;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

#wrapHeader .lienket {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    position: relative;
    top: 68px
}

#wrapHeader .lienket ul {
    list-style: none;
    margin: 0;
    padding-left: 0
}

#wrapHeader .lienket ul li {
    display: inline-block;
    padding: 5px;
    background: #28166f;
    border-radius: 6px;
    margin-left: 6px
}

#wrapHeader .lienket ul li a {
    color: #fff;
    font-weight: 700;
    text-decoration: none
}

img.flag {
    height: 18px
}

.wbLeft .menu-ft {
    margin-top: 10px;
    padding-left: 10px;
    display: none
}

.exchange_yen {
    float: left;
    width: 100%;
    font-size: 12px;
    margin-bottom: 8px
}

.exchange_yen .top {
    float: left;
    width: 266px;
    height: 35px;
    position: relative;
    background: url(../img/left_support_1.png) left bottom no-repeat
}

.exchange_yen .top .icon {
    position: absolute;
    top: 0;
    left: 18px;
    display: none
}

.exchange_yen .top h3 {
    float: left;
    margin: 0 0 0 30px;
    padding: 0;
    background: url(../img/center_support_1.png) right top repeat-x;
    height: 29px
}

.exchange_yen .top .catName {
    background: url(../img/right_support_1.png) right top no-repeat;
    float: left;
    padding: 0 10px 0 0;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    height: 29px;
    line-height: 28px;
    margin-left: -20px
}

.exchange_yen .top .catName span {
    display: block;
    margin: 0 0 0 -2px;
    padding: 0 0 5px;
    font-weight: 700;
    font-size: 13px
}

.exchange_yen .middle {
    float: left;
    width: 92%;
    padding: 20px 10px 25px;
    background: #fceadd;
    border-top: 1px solid #e0d0c5;
    margin-top: -6px
}

.exchange_yen .listing .col1,
.exchange_yen .listing .exchangeValue .col1 {
    width: 30%;
    margin: 0;
    padding: 2px;
    line-height: 20px;
    text-align: center;
    float: left
}

.exchange_yen .listing .title {
    font-weight: 700
}

.exchange_yen .listing .col1 {
    border: 1px solid #ccc;
    border-bottom: 0
}

.exchange_yen .listing .exchangeValue .col1 {
    border: 1px solid #ccc
}

.box_update {
    float: left;
    width: 100%
}

.box_update .update_title {
    float: left;
    width: 100%;
    margin-top: 5px;
    background: #9fd6ef;
    border-bottom: 1px solid #d9e5ed;
    line-height: 30px;
    font-weight: 700
}

.box_update .update_title span {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 14px;
    color: #069251;
    text-align: center
}

.box_update .line_news {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ededed;
    padding: 9px 0;
    font-weight: 700
}

.box_update .add {
    background: #f9f9f9
}

.box_update .colum1,
.box_update .colum2,
.box_update .colum3 {
    float: left;
    width: 15%;
    text-align: center
}

.box_update .colum4,
.box_update .colum5 {
    float: left;
    width: 20%;
    text-align: center
}

.box_update .colum6 {
    float: left;
    width: 15%;
    text-align: center
}

.topNews1 {
    position: relative;
    float: left;
    width: 100%
}

.topNews1 .control {
    position: absolute;
    bottom: 10px;
    right: 47%;
    z-index: 9999;
    width: 40px
}

.topNews1 .control a,
.topNews1 .control a img {
    width: 18px;
    height: 18px
}

.topNews1 .control a {
    float: left
}

.topNews1 .control a.prev1 {
    float: right
}

.topNews1 .box-slide,
.topNews1 .box-slide .slides-TD2 {
    width: 100%;
    padding: 0;
    font-size: 12px;
    overflow: hidden;
    float: left
}

.topNews1 .box-slide {
    background: #fff;
    margin-bottom: 40px
}

.topNews1 .box-slide .slides-TD2 {
    height: 215px
}

.line_news .colum1 {
    width: 15%;
    float: left;
    color: #f15f0f
}

.line_news .colum2 {
    width: 15%;
    float: left;
    color: #069251
}

.line_news .colum3 {
    width: 15%;
    float: left;
    color: #f15f0f
}

.line_news .colum4 {
    width: 20%;
    float: left;
    color: #f15f0f
}

.line_news .colum5 {
    width: 20%;
    float: left;
    color: #069251
}

.line_news .colum5 a {
    width: 100%;
    float: left;
    color: #069251;
    text-decoration: none
}

.line_news .colum5 a:hover {
    text-decoration: underline
}

.line_news .colum6 {
    width: 15%;
    float: left;
    color: #069251
}

.slides-TD2 ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.slides-TD2 ul li {
    float: left;
    display: none;
    width: 100%
}

.slides-TD2 ul li.active {
    display: block
}

.lichvtv {
    width: 100%;
    float: left;
    margin: 15px 0;
    border: 1px solid #bfd1da;
    border-radius: 5px;
    padding-bottom: 15px
}

.lichvtv .viewmore {
    width: 100%;
    text-align: right
}

.lichvtv .viewmore a {
    padding-right: 10px;
    line-height: 30px;
    text-decoration: none;
    color: #000;
    font-size: 12px;
    font-family: Arial;
    font-weight: 700
}

.lichvtv .viewmore a:hover {
    text-decoration: underline
}

.lichvtv .chonngay {
    background: #ed1b24;
    height: 35px;
    float: left;
    width: 100%;
    line-height: 35px;
    border-radius: 5px 5px 0 0
}

.lichvtv .chonngay h4 {
    font-family: Arial;
    font-size: 13px;
    color: #fff;
    margin: 0
}

.lichvtv .chonngay h4 a {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    padding-left: 15px
}

.lichvtv .chonngay h4 a:hover {
    text-decoration: underline
}

.lichvtv .danhsach i.break-mid {
    position: absolute;
    background: url(../img/lichvtv-dot-mid.png);
    display: block;
    width: 11px;
    left: 75px;
    z-index: 1;
    top: 10px
}

.lichvtv .danhsach {
    float: left;
    margin-left: 3px;
    margin-top: 5px;
    position: relative;
    overflow: hidden;
    width: 100%
}

.lichvtv .danhsach ul li a {
    color: #4a4a4a;
    width: 175px;
    display: inline-block;
    padding-left: 6px;
    text-decoration: none
}

.lichvtv .danhsach ul li p {
    color: #4a4a4a;
    width: 82px;
    float: left
}

.lichvtv .danhsach ul li img {
    width: 68px;
    float: left;
    border: none
}

.lichvtv-fix {
    padding: 0;
    list-style: none;
    font-family: Arial;
    font-size: 12px
}

.page_contact,
.search_result_number {
    font-family: Arial, Helvetica, sans-serif
}

.lichvtv-fix li {
    position: relative;
    display: block;
    clear: both;
    border-bottom: 1px dotted #ccc;
    margin: 0 5px 0 0;
    padding: 10px 0
}

.lichvtv-fix li .icon_video_schedule {
    position: absolute;
    top: 10px;
    right: 0;
    background: url(../img/schered5.gif) no-repeat;
    background-size: 13px;
    width: 16px;
    height: 14px;
    display: inline-block;
    display: none
}

.lichvtv-fix li div {
    margin-left: 60px;
    width: 205px
}

.lichvtv-fix li b {
    display: block
}

.lichvtv-fix li span {
    display: block;
    margin-top: 4px
}

.search_result_number {
    float: left;
    margin: 0 10px 0 18px;
    font-size: 15px;
    color: #333
}

.search_result_number .text-warning b {
    color: #fc2418;
    line-height: 22px
}

.page_contact {
    display: block;
    padding: 20px 35px 5px 0;
    font-size: 13px
}

.page_contact .row_contact {
    display: block;
    padding: 5px 0
}

.page_contact .row_contact .column_contact {
    width: 50%;
    float: left;
    min-height: 75px;
    height: auto
}

.page_contact .row_contact label {
    padding: 2px 0;
    color: #333
}

.page_contact a {
    color: #374b82;
    text-decoration: none;
    font-size: 13px
}

.page_contact a:hover,
.page_contact a:visited {
    text-decoration: underline
}

.page_contact table {
    padding: 5px
}

.page_contact .field_contact,
.page_contact textarea {
    width: 100%;
    padding: 5px 10px;
    color: #111;
    display: block
}

.page_contact .field_contact {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
    margin: 5px 0 2px;
    font-size: 13px
}

.page_contact textarea.field_contact {
    width: 100%;
    height: 150px
}

.page_contact textarea {
    height: 100px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
    resize: vertical
}

.page_contact .field_contact.small {
    width: 85%
}

.page_contact .button_contact {
    padding: 8px 10px;
    border: 1px solid #eee;
    background: #344b80;
    color: #fff;
    text-transform: uppercase;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.page_contact .button_contact:hover {
    background: #3a548f
}

.page_contact .text-alert {
    margin-top: 25px
}

.page_contact .text-default {
    color: #333
}

.page_contact .text-warning {
    color: #a94442;
    font-weight: 700
}

.page_contact .text-success {
    color: #3c763d;
    font-weight: 700
}

.page_contact .help {
    display: block;
    padding: 2px 0 2px 2px;
    margin-bottom: 8px;
    font-size: 12px;
    font-style: italic
}

ins {
    width: 100% !important;
    height: auto !important;
    text-align: center;
    display: block;
    margin: 5px 0
}

ins img {
    max-width: 100%;
    margin: 0 auto
}

.icon-messenger {
    z-index: 11000000 !important;
    right: 65px !important;
    position: fixed !important;
    bottom: 10px !important;
    text-align: right !important
}

.fix_tel {
    position: fixed;
    bottom: 15px;
    left: 20px;
    z-index: 999;
    display: block
}

.fix_tel a {
    text-decoration: none;
    display: block
}

.tel {
    background: #eee;
    width: 205px;
    height: 40px;
    position: relative;
    overflow: hidden;
    background-size: 40px;
    border-radius: 28px;
    border: solid 1px #ccc
}

.ring-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 80px;
    position: absolute;
    transition: visibility .5s ease 0s;
    visibility: hidden;
    width: 80px;
    z-index: 200000 !important
}

.ring-alo-phone.ring-alo-show {
    visibility: visible
}

.ring-alo-phone.ring-alo-hover,
.ring-alo-phone:hover {
    opacity: 1
}

.ring-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30, 30, 30, .4);
    border-radius: 100%;
    height: 70px;
    left: 10px;
    opacity: .1;
    position: absolute;
    top: 12px;
    transform-origin: 50% 50% 0;
    transition: all .5s ease 0s;
    width: 70px
}

.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {
    animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important
}

.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {
    animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle,
.ring-alo-phone:hover .ring-alo-ph-circle {
    border-color: red;
    opacity: .5
}

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle,
.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {
    border-color: #baf5a7;
    opacity: .5
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
    border-color: red;
    opacity: .5
}

.ring-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;
    background-color: #000;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 30px;
    opacity: .1;
    position: absolute;
    top: 33px;
    transform-origin: 50% 50% 0;
    transition: all .5s ease 0s;
    width: 30px
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill,
.ring-alo-phone:hover .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, .5);
    opacity: .75 !important
}

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill,
.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {
    background-color: rgba(117, 235, 80, .5);
    opacity: .75 !important
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, .5);
    opacity: .75 !important
}

.ring-alo-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 30px;
    opacity: 1;
    position: absolute;
    top: 30px;
    transform-origin: 50% 50% 0;
    width: 30px
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle,
.ring-alo-phone:hover .ring-alo-ph-img-circle {
    background-color: red
}

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle,
.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
    background-color: #75eb50
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
    background-color: red
}

.fone {
    font-size: 22px;
    color: #324db7;
    line-height: 40px;
    font-weight: 700;
    padding-left: 45px;
    margin: 0 0
}

@keyframes ring-alo-circle-anim {
    0% {
        opacity: .1;
        transform: rotate(0) scale(.5) skew(1deg)
    }

    30% {
        opacity: .5;
        transform: rotate(0) scale(.7) skew(1deg)
    }

    100% {
        opacity: .6;
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes ring-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes ring-alo-circle-fill-anim {
    0% {
        opacity: .2;
        transform: rotate(0) scale(.7) skew(1deg)
    }

    50% {
        opacity: .2;
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        opacity: .2;
        transform: rotate(0) scale(.7) skew(1deg)
    }
}

.ring-alo-ph-img-circle a img {
    padding: 1px 0 0 1px;
    width: 30px;
    position: relative;
    top: -1px
}