* {

    margin: 0;

    padding: 0;

	text-decoration:none

}



body {

    background: url(../img/bg.jpg) repeat;

    height: 100%;

    width: 100vw;

    margin: 0 auto;

    text-size-adjust: none;

    font-size: 13px;

    font-family: 微軟正黑體, simhei, Arial;

}



.page {

    position: relative;

    width: 960px;

    margin: 0 auto;

}



#logo {

    position: absolute;

    width: 360px;

    height: 80px;

    top: 0;

    left: 0;

    z-index: 99;

}



.float_left {

    float: left;

}



#menu_column {

    position: absolute;

    width: 480px;

    height: 80px;

    top: 0;

    left: 360px;

    z-index: 99;

}



ul {

    list-style: none;

}



li {

    display: list-item;

    text-align: -webkit-match-parent;

}



#menu_column ul li {

    float: left;

    list-style-type: none;

    width: 140px;

}



#menu_column ul li.m0 a {

    background: url(../img/menu_hover_0.png) no-repeat;

    width: 80px;

    height: 80px;

    display: block;

    text-decoration: none;

}



.ch {

    font-size: 16px;

    font-weight: bold;

    color: #3399ff;

    padding: 40px 0 0 0;

}







#menu_column ul li.m0 a:hover #menu_column ul li.m0 a div {

    color: orange;

}



#menu_column ul li.m0 a :hover {

    background: url(../img/menu_hover_1.png) no-repeat;

    color: orange;

}



#banner_bg {

    background: url(../img/bg_index_banner.png) no-repeat;

    width: 960px;

    height: 520px;

    margin: 30px 0 0 0;

}



#slogan {

    position: absolute;

    background: url(../img/bg_slogan.png) no-repeat;

    width: 480px;

    height: 40px;

    top: 96px;

    left: 360px;

    z-index: 11;

}



#border_banner {

    position: absolute;

    background: url(../img/border_banner.png) no-repeat;

    width: 630px;

    height: 600px;

    top: 0px;

    left: -90px;

    z-index: 11;

}



#abgne_fade_pic {

    clear: both;

    width: 550px;

    height: 330px;

    margin: 112px 0 0 359px;

    position: relative;

}



#abgne_fade_pic a.ad {

    position: absolute;

}



a:visited {

    text-decoration: none;

    color: #000;

}



#abgne_fade_pic a.ad img {

    width: 550px;

    height: 330px;

}



#abgne_fade_pic .control {

    width: 110px;

    bottom: -30px;

    right: 50px;

    text-align: center;

    position: absolute;

}



#abgne_fade_pic .control a {

    background-image: url(../img/cir_ctrl.png);

    background-repeat: no-repeat;

    background-position: -15px 0;

    display: inline-block;

    width: 15px;

    height: 14px;

    font-size: 0px;

}



#abgne_fade_pic .control a.on {

    background-position: 0 0;

}



#option_column {

    width: 960px;

    display: flex;

    height: 400px;

    margin: 22px 0 0 0;

    z-index: 88;

    position: inherit;

}



#option_column .box {

    float: left;

    width: 290px;

    margin: 0 12px 0 12px;

}



#option_column .box .title_blue {

    float: left;

    background: url(../img/bg_option_title_blue.png) no-repeat;

    width: 290px;

    height: 42px;

}



#option_column .box .title_red {

    float: left;

    background: url(../img/bg_option_title_red.png) no-repeat;

    width: 290px;

    height: 42px;

}



#option_column .box .title_icon {

    float: right;

    margin: 7px 15px 0 0;

}



#option_column .box .info {

    float: left;

    font-size: 20px;

    line-height: 30px;

    color: #996600;

    width: 260px;

    height: 145px;

    margin: 13px 0 10px 15px;

}



#option_column .box .pic {

    float: left;

    background: url(../img/bg_option_pic.png) no-repeat;

    width: 284px;

    height: 134px;

    font-size: 20px;

    line-height: 30px;

    color: #996600;

    margin: 10px 0 30px 3px;

    padding: 3px 0 0 5px;

}



#option_column .box .title_text {

    float: left;

    font-size: 26px;

    font-weight: bold;

    color: #FFF;

    margin: 7px 0 0 15px;

}





.footer {

    clear: both;

    background-color: #111111;

    width: 960px;

    margin: 0 auto;

    padding: 15px 0 60px 0;

}

.foot_box{

    width: 960px;

    margin: 0 auto;

    overflow: hidden;

}

.link{

    float: left;

    width: 960px;

    color: #666666;

    font-size: 16px;

    text-align: center;

    border-bottom: solid 1px #999999;

    margin: 0 0 30px 0;

    padding: 0 0 15px 0;

}

.link a{

    margin: 0 8px 0 8px;

    cursor: pointer;

    border-bottom: 1px dashed #111111;

	color: #666666;

}

.link a:hover{

   color: #FFF;

   border-bottom: 1px dashed orange;



}

.main{

    display: flex;

    width: 960px;

    margin: 0 auto;

    overflow: hidden;

}

.lx{

    display: flex;

    color: #FFF;

    flex-wrap: wrap;

}

.lx >div{

    margin: 5px 20px;

}

.lx img{

    margin-right: 5px;

}

.lx span{

    font-size: 30px;

    line-height: 30px;

    cursor: pointer;

	color: #FFF;

}

.lx span:hover{

    color: orange;

}

.title{

    width: 535px;

    font-size: 24px;

    color: #FFF;

    line-height: 30px;

    margin: 25px 25px 20px 0;

}

.title:hover{

    color: orange;

    cursor: pointer;

}

.dizhi{

    font-size: 20px;

    color: #FFF;

    line-height: 30px;

}

.dizhi span{

    font-size: 18px;

    color: orange;

}