.all_head {
	color:#fff;
}

.all_head a {
	color:#fff;
}

*{
    margin:0;
    padding:0;
}
a:focus{
  color: blue;
}
a:hover{
  color: #000;
}


body{
   /*  font-size: 1vw; */
}
@font-face {
    font-family: "myfont1";
    src:url('../font/SourceHanSansTWHK-Bold.otf');
}
@font-face {
    font-family: "myfont2";
    src:url('../font/SourceHanSansTWHK-ExtraLight.otf');
}
@font-face {
    font-family: "myfont3";
    src:url('../font/SourceHanSansTWHK-Light.otf');
}
@font-face {
    font-family: "myfont4";
    src:url('../font/SourceHanSansTWHK-Medium.otf');
}
@font-face {
    font-family: "myfont5";
    src:url('../font/SourceHanSansTWHK-Normal.otf');
}
@font-face {
    font-family: "myfont6";
    src:url('../font/SourceHanSansTWHK-Regular.otf');
}
a{
    color: #000;
    text-decoration: none !important;
}
h2{
    font-size: 40px;
}
h3{
    font-size: 20px;
}

.container-fluid{
    background-color: #f5f2e9;
    padding: 0;
}

.f-row-w{
    width: 71.4286%;
    margin: 0 auto;
}
.clear-p-l{
    padding-left: 0;
}
 .hrbottom{
	/*  border-bottom: solid 2px #fac400;
    padding-bottom: 20px; */
    font-weight:blod;
} 
ul{
    list-style: none;
}

.app-bar{
    background-color:#dcdcdc;
    padding: 4px 0;
    font-size: 14px;
    height: 32px;
    text-align: right;
    padding-right: 6vw;
    width: 100%;
    font-family: "myfont2", serif;
}
.app-bar .app-bar-lg a:nth-child(-n+4){
    padding: 5px;
}
.app-bar .app-bar-xs{
    display: none;
}
.app-bar .app-bar-xs button{
    line-height: 30px;
    padding-bottom: 0;
    margin-top: -12px;
}
.app-bar .app-bar-lg .lang-zh{
    padding-left: 20px;
}
.app-bar .font-size-small{
    padding-right: 20px;
}
.app-bar span:not(:first-child){
    padding: 0 5px;
}
.nav>li>a:focus, .nav>li>a:hover{
    background-color: white;
    color: #009373 ;
}


.logo-box{
    padding: 2vw 0;
}
.logo-box .menu-img{
    top: 5px;
    display: none;
    float: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
}
.logo{

}
.logo-title{
    font-size: 40px;
    cursor: pointer;
}


.column{
    border: 2px #892b29 dashed;
    border-radius: 5px;
    min-height: 86px;
    line-height: 50px;
    background-color: white;
    margin-top: 35px;
    margin-bottom: 35px;

}
.column li a{
    font-size: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.column-view{
    display: none;
    position: absolute;
    z-index: 222;
    height: 100%;
    width: 105%;
    border-top: solid #dedede 1px;
}
.column-view li:hover{
    background-color: #009373;
}
.menu{
    width: 91%;
    margin: 0 auto;
}


.logo-img{
    padding: 3vw 0;
    width: 100%;
}
.logo-img img{
    height: 100%;
    object-fit: cover;
}


.page-foot{
    font-family: "myfont6", serif;
    background-color: #009373;
    width: 100%;
    margin: 0 auto;
}
.page-foot ul li>div:not(.rb-tools){
    height: auto;
    line-height: 40px;
}
.page-foot-info-group{
    margin: 0 auto;
}
.page-foot .page-foot-info-group li{
    background: none;
    border: none;
}

.page-foot .page-foot-info-group li a{
    color: white;
}
.rb-tools{
    position: fixed;
    bottom: 120px;
    right: 0;
}
.rb-tools .go-back span,
.rb-tools .back-to-top span {
    display: none;
}
.rb-tools .go-back,.rb-tools .back-to-top{
    cursor: pointer;
    border-radius: 5px;
    width: 48px;
    height: 48px;
    background-color: #009373;
    text-align: center;
    vertical-align: top;
    padding: 8px;
    opacity: .8;
    margin-top: 1px;
    font-size: 12px;
}
.rb-tools .go-back i,.rb-tools .back-to-top i{
    margin-top: 5px;
}
.rb-tools .go-back:hover,.rb-tools .back-to-top:hover{
    background: #566965;
    color: white;
}
.rb-tools .go-back:hover i,.rb-tools .back-to-top:hover i{
    display: none;
}
.rb-tools .go-back:hover span,.rb-tools .back-to-top:hover span{
    display: block;
}
.rb-tools .go-back i{
    background: url("../image/go-back.png");
    width: 25px;
    height: 25px;
    background-size: cover;
    display: inline-block;
    cursor: pointer;
    vertical-align: -5px;
}
.rb-tools .back-to-top i{
    background: url("../image/back-to-top.png");
    width: 25px;
    height: 13px;
    background-size: cover;
    display: inline-block;
    cursor: pointer;
    vertical-align: -5px;
}



/**bootstrap css**/
.panel-default{
    border-color: aliceblue;
    border-style: transparent;
}
.panel {
    margin-bottom: 20px;
    background-color: unset;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: transparent;
    box-shadow: none;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{
    border-color: white;
}
.page-foot .list-group{
    margin: 0;
}


.location-box{
    font-size: 15px;
    font-family: "myfont3", serif;
}
.location-box .location-title{
	border-bottom:solid 1px #dedede;
    padding-bottom: 5px;
}
.location-box .location-title :last-child{
    color: #009373;
}
.location-box .go-back{
    padding-bottom: 18px;
}
.title-box{
    font-size: 26px;
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: left;
}
.content-box{
    background-color: white;
    font-size: 18px;
    margin-bottom: 30px;
}
.content-box>div{
}
.content-box>div p{
    padding-bottom: 0px;
}
.content-box>div p[class="f-bold"],.content-box>div .p-clear{
    padding: 0;
}
.content-box>div .text-i{
    text-indent: 40px;
}
.content-box>div img{
    padding: 0 10px 5px 0;
}
.content-box>div:first-child{
    padding-bottom: 8vw;
    border-bottom: solid 1px gainsboro;
}
.content-box>div:first-child p:first-child{
    margin-bottom: 20px;
}
.content-box>div .content-p{
    text-indent: 85px;
}
.content-box tr td:first-child{
    text-align: left;
}
.content-box>div .f-bold{
    font-weight: bold;
}
.content-box>div .f-style{
    font-family: PMingLiU, serif;
}
.content-box a{
    color: #000;
}


.content-box>div:nth-of-type(2){
    padding: 4vw 0vw;
}
.content-box>div:nth-of-type(2) div:first-child{
    padding-bottom: 20px;
    margin-right: -50px;
}
.content-box>div:nth-of-type(2) span{
    padding: 0.8vw 2vw;
    border: solid 1px gainsboro;
    margin-right: 10px;
    border-radius: 6px;
}
.content-box>div:nth-of-type(2) span:hover{
    background-color: #009373;
    color: white;
    border: 0;
}



@media screen and (min-width: 768px) and (max-width: 1108px) {
    .logo-title{
        font-size: 35px;
    }
    .column div:first-child{
        margin: 0;
    }
    .column-view ul{
        padding: 15px 30px;
    }
}
@media screen and (max-width: 980px){
    .logo-box .menu-img{
        display: block;
    }
    .column{
        display: none !important;
    }
    .column-view{
        background-color: white;
    }
    .column-view li{
        width: 100%;
        font-family: "myfont6", serif;
    }
}
@media screen and (min-width: 980px){
    .logo-box .menu-img{
        display: none !important;
    }
    .column{
        display: block !important;
    }
    .column-view{
        display: none !important;
    }
   /*  .container-fluid > div:not(.column-view){
        display:  block !important;
    } */
}
@media screen and (max-width: 768px){
    .logo-title{
        font-size: 25px;
        padding-top: 2vw;
    }
    .f-row-w{
        width: auto;
    }
    h1{
        font-size: 16px;
    }
    h2{
        font-size: 30px;
    }
    .app-bar .app-bar-xs{
        display: block;
    }
    .app-bar .app-bar-lg{
        display: none;
    }
    /*  .clear-p{
          padding-left: 0;
          padding-right: 0;
      }*/
    .clear-p-l{
        padding-left: 15px;
    }
    .clear-p-r{
        padding-right: 0 !important;
    }
    .column{
        display: none !important;
    }
    .column div:first-child{
        margin: 0;
    }
    .logo{
        width: 200px;
    }
    .logo-img img{
        height: 200px;
    }
    .menu-img{
        margin-right: 15px;
        width: 25px !important;
    }
    .app-bar-xs .btn-group ul{
        min-width: 100px;
    }
    .app-bar-xs :nth-of-type(2) ul{
        left: -50px;
    }
    .column-view ul{
        padding: 15px 30px;
    }
    .page-foot .page-foot-info-group li div:first-child{
        padding-right: 0;
    }
    .rb-tools{
        width: 50px;
    }
    .rb-tools .back-to-top,.rb-tools .go-back{
        float: right;
        position: relative;
        top: -8px;
        display: block;
        padding: 4px;
        width: 35px;
        height: 38px;
        font-family: "myfont1", serif;
    }
    .content-box>div:nth-of-type(2){
        padding: 30px 15px;
    }
    .content-box>div:nth-of-type(2){
        padding: 30px 15px;
    }
    .content-box>div:nth-of-type(2) div:first-child{
    padding-bottom: 20px;
    margin-right: 0px;}
    dd a{font-size:16px !important;}
}
@media screen and (max-width: 524px) {
    .content-box>div:last-child span{
        display: inline-block;
        margin-bottom: 10px;
    }
   /* .content-box>div .content-p{
        text-indent: 35px;
    }*/
}

.fwjsphh4{height:50px;line-height:50px;background:#e1e1e1;color:#000;padding-left:15px;margin-bottom:0px;}


.containerdiv{width: 1196px;min-height:580px;margin:0 auto;padding:0px 40px;}
.rightdiv{width:70%;float:left;height:auto;padding-left: 15px;}


.leftmenu ul li{list-style:none;height:40px;line-height: 40px;font-size: 14px}
.nopadd{padding:0px;}
.VerticalMenu a{text-decoration: none}
.child-menu{font-size: 16px}
.VerticalMenu > div > div:first-child{}
.sub-menu-panel>div>.child-menu{height:auto !important;;line-height: 30px !important;}
.VerticalMenu2 .child-menu{padding-top:10px;padding-bottom:10px;}
.fff li{padding-left:15px;}
.f-row-w{width:100%;margin-left:15px;}
.content-box{  margin-bottom:0vw;}
.page-foot ul li>div:not(.rb-tools){line-height:20px;}
.list-group-item{padding:0px 15px !important}
.rb-tools{right:110px;}
.back-to-top span{line-hieght:0px;}

.content-box>div .text-i{    text-indent: 0px}
.content-box>div:first-child p:first-child{margin-bottom: 0px;}

.dddd{font-size:12px;color:yellow;}
.ddd{font-size:12px;color:blue;}
.rightmenu a{font-size:18px;color:#2E67B3;}
.rightmenu div{margin-bottom:10px;}
.f-16{font-size:16px !important;}
.f-18{font-size:18px !important;}
/* ���C�� */
.colorchonse{position:absolute;display:none;border-radius:0px 0px 5px 5px;top:30px;left:685px;z-index:999;background:#009373;;width:170px;height:40px}
.colorchonse ul li {
    width: 30px;height: 20px; margin-left: 2px; text-align: center;color: rgb(0, 0, 0);cursor: pointer;padding: 2px;
    border-width: 1px;border-style: solid;border-color: rgb(255, 255, 255);border-image: initial; overflow: hidden;list-style: none; float:left; margin-left:10px;margin-top:10px;
}
.colorchonse ul  a li div{margin-top:-8px;color:#fff}

.colorchonse ul li#default{background-color:#009373}
.colorchonse ul li#cheng{background-color:#ec9800}
.colorchonse ul li#tianlan{background-color:#009da5}
.colorchonse ul li#ccc{background-color:#c3c3c3}

.hovercolor{cursor: pointer;width:30px;height:15px;border: #fff 1px solid;display: inline-block;}




/* �����̷s����*/
.cont-main ul li{line-height: 35px;
    border-bottom: 1px dotted #999999;
    background: url(../images/news_dot.gif) no-repeat 2px center;
    padding-left: 1px;
    height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;}
    .rightdiv a{color:#3b6aa6 !important}
    a:hover{color:#cc4c02 !important}
    .sidebar-nav a:hover{color:#fff !important}