﻿.header-m{display:none}
.menu-m{display:none}
#sidebar{display:none}
body,html{margin:0;padding:0;font-family:Verdana,\5FAE\8EDF\6B63\9ED1\9AD4,sans-serif;font-family:微軟正黑體,sans-serif,"Helvetica Neue",Helvetica,Arial;font-size:16px;line-height1:24px;color:#333;background:#FFF;-webkit-text-size-adjust:100%}
td{padding:5px;word-break: break-all;}
a:link,a:visited,a:hover,a:active{text-decoration:none}
img{border:0}
.clear{clear:both;width:0;height:0}
.container{width:100%;position:relative;z-index:2;transition:.6s ease-in-out;background-color:#fff}
.header{width:1200px;height:105px;margin:0 auto;overflow:hidden;padding-top:10px;position:relative}
.logo{float:left;padding-right:5px;width:405px;height:101px;overflow:hidden}
.logo img{width:405px}
.logo_light{position:absolute;top:0;left:500px;width:227px;height:65px}
#nav{position:absolute;right:5px;top:10px}
#nav > ul > li > a,#nav > ul > li > span{display:block;margin-left:.5em;padding:.2em .5em;letter-spacing:.06em;text-decoration:none;text-transform:uppercase;font-size:18px;outline:0;color:#333;transition:all .5s}
ol,ul{list-style:none;margin:0;padding:0}
li{display:inline-block;list-style:none;margin:0;padding:0 1px;font-size:16px}
#nav li.active a{background:#e95d3c;border-radius:5px;color:#FFF}
#nav li a:hover{background:#e95d3c;border-radius:5px;color:#FFF}
.sns{float:right;padding-right:5px}
.sns img{height:26px}
.search_loc{float:right;border:solid 1px #CCC;background:#fff;position:relative;display:block;width:110px;height:26px;margin-left:10px;list-style:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.search{margin:2px 4px;line-height:20px;height:20px;border:0;outline:none;width:100px;font-size:16px}
#search_funs{position:absolute;top:5px;right:8px;width:18px;height:16px;overflow:hidden;background-image:url(../images/search_btn.png);background-repeat:no-repeat;border:0;cursor:pointer}
.sfun_loc{width:auto;height:50px;position:absolute;bottom:0;right:10px}
#banner_loc{width:100%;height:350px;overflow:hidden}
#banner{position:relative;padding:12em 0;background:url(../images/banner.jpg) no-repeat center;background-size:cover}
.content{width:1200px;margin:0 auto;padding-top:0px;position:relative}
.content_news{position:relative;width:880px;float:left;padding:0 20px 0 0;background-color:#fff;min-height:600px}
.news_hot{position:absolute;right:20px;top:0;vertical-align:middle}
.news_hot a{color:#333;transition:.4s ease-in-out;height:26px;line-height:26px;vertical-align:top;display:inline-block}
.news_hot a:hover{color:#066}
.h_more{width:100%;display:block}
.content_news h2{font-size:32px;line-height:40px}
.news_hot img{height:20px;padding:2px}
.news_files_loc{background-color:#eee;width:100%;display:block;overflow:hidden;padding:20px}
.news_files_loc_t{font-size:18px;font-weight:700}
.news_files_loc a:hover{color:#fff;background-color:#999}
.news_files_loc a{min-height:30px;line-height:30px;display:block;width:90%;padding:15px 0 5px 10px;border-bottom:solid 1px #bbb;color:#333}
.news_files_loc a img{padding-right:10px;width:30px}
.head_news{width:600px;float:left;padding:0 20px 0 0;background-color:#fff;overflow:hidden}
.head_news h2{font-size:32px;line-height:40px}
.h1,h2,h3,h4,h5,h6{letter-spacing:1px;text-transform:uppercase;font-weight:700}
.head_news_sub_title{display:block;margin:.5em 0 0;padding:0 0 .5em;text-transform:uppercase;font-size:1.4em;margin-top:-20px}
.head_news p{font-size:16pt;line-height:23pt}
.head_news_content{margin:0 5px 0 0;overflow:hidden}
.news_content{margin:0 5px 0 0;overflow:hidden}
.button{position:relative;display:inline-block;margin-top:.5em;padding:.5em 1.5em;background:#e95d3c;border-radius:6px;text-decoration:none;text-transform:uppercase;font-size:1.1em;color:#FFF;cursor:pointer;font-size:16px;-moz-transition:color .35s ease-in-out,background-color .35s ease-in-out;-webkit-transition:color .35s ease-in-out,background-color .35s ease-in-out;-o-transition:color .35s ease-in-out,background-color .35s ease-in-out;-ms-transition:color .35s ease-in-out,background-color .35s ease-in-out;transition:color .35s ease-in-out,background-color .35s ease-in-out}
.button:hover{color:#FFF;background:red}
.noline{border:solid 0}
.sub_news{width:270px;float:left;padding:5px 0;overflow:hidden;background-color:#eee;border-radius:10px;margin:5px 3px 0 0}
.sub_news h2{font-size:20px;line-height:10px;padding-left:10px}
.sub_news a{color:#333;transition:.4s ease-in-out}
.sub_news a:hover{color:#000}
.sub_news li{min-height:48px;display:block;border-top:1px solid #eee;border-color:rgba(0,0,0,.1);vertical-align:top;color:#333;padding:10px 15px;transition:.4s ease-in-out}
.sub_news li:hover{background-color:#333;color:#fff}
.footer{padding:0 0 4em;color:rgba(255,255,255,.4);margin-top:20px;display:block;height:auto;background-image:url(../images/img01.jpg)}
.footer_content{margin-left:auto;margin-right:auto;width:1200px}
.about_me{width:260px;float:left;padding:0 10px 0 0;color:#fff}
.about_me_box{padding:1.87em;border-radius:5px;line-height:180%;font-size:1.2em;color:#333;background-image:url(../images/img08.jpg)}
.more_srv{width:260px;float:left;padding:0 10px 0 0;color:#fff;padding-left:40px}
.more_srv li{display:block;min-height:40px}
.more_srv h3{color:#666}
.more_srv p{color:#aaa}
.more_srv a{color:#aaa}
.more_srv a:hover{color:#fff}
.act_photo{width:260px;float:left;padding:0 10px 0 0;color:#fff;padding-left:40px}
.act_photo li{width:80px;height:80px;overflow:hidden;border:solid 1px #333;background:#333;transition:.4s ease-in-out;margin:2px 2px 5px;display:inline-table;vertical-align:middle}
.act_photo li:hover{border:solid 1px #999}
.act_photo img{width:100px}
.act_photo a{overflow:hidden;vertical-align:middle;display:table-cell}
.copyright{padding:100px 0 0 20px;text-align:center}
.news_np{padding:20px 5px}
.news-next{width:70%;text-align:right;float:right;margin:5px 0;padding:15px 30px;font-size:16px;color:#FFF;background:url(../images/icon-next.png) no-repeat #333;background-position:right;transition:.3s ease-in-out}
.news-prev{width:70%;text-align:left;float:left;margin:5px 0;padding:15px 30px;font-size:16px;color:#FFF;background:url(../images/icon-prev.png) no-repeat #333;background-position:left;transition:.3s ease-in-out}
.news-ty{border-radius:6px;width:100px;height:25px;text-align:center;padding:15px 30px;font-size:16px;color:#FFF;background-position:left;transition:.3s ease-in-out;background-color:#333}
.news-next:hover{background:url(../images/icon-next.png) no-repeat #b11600;background-position:right;background-size:35px}
.news-prev:hover{background:url(../images/icon-prev.png) no-repeat #b11600;background-position:left;background-size:35px}
.news-ty:hover{background:#b11600}
.news_ty a{color:#333}
.news_ty a:hover{color:red}
.NEWS_VID{padding:20px 0;width:100%}
.NEWS_VID iframe{width:100%;height:550px}
.content_news img{max-width:98%}
.content_news select{padding:3px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;font-size:14px}
#back-top{position:fixed;bottom:5px;right:20px;z-index:500}
#back-top a{width:50px;display:block;text-align:center;font-size:16px;color:#555;line-height:100px}
#back-top span{width:50px;height:45px;display:block;background:#FFF url(../images/up-arrows.png) no-repeat 50% 15px;border-radius:10px;transition:.5s;border:1px #CCC solid;overflow:hidden}
#back-top a:hover span{background-color:#333;color:#666;transform:rotate(6.26rad)}
.news_lists{width:100%;float:left;padding:0 10px 0 0;overflow:hidden}
.news_lists a{color:#333}
.news_lists a:hover{color:#069;}
.news_lists li{min-height:48px;width:100%;padding:0 0 10px;padding:.6em 0;border-bottom:1px solid;border-color:rgba(0,0,0,.1);vertical-align:top}
.news_lists_label{float:left}
.news_lists_date{float:right}
.news_list h2{font-size:2.5em;line-height:40px}
.Page_Fun{padding:20px 2px 10px}
.PN_NOTE{color:#333}
.Now_N{color:red}
.PN{color:#069}
.PN_1{color:#069}
.PN_9{color:#069}
.right_loc{display:block;width:290px;float:right}
.news_img1{float:left;margin:5px;position:relative;height:120px;overflow:hidden}
.news_img1 img{max-width:180px}
.news_img_title1{position:absolute;bottom:-120px;width:100%;height:120px;background-color:rgba(0,0,0,0.5);color:#fff;font-size:14px;line-height:18px}
.IMGs_NOTE1{margin:3px}
.container{overflow:hidden}
.bxslider{height:380px;overflow:hidden}
.bxslider img{width:100%}
.bx-wrapper{height:380px;display:block;overflow:hidden}
#nav li{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-duration:1s;-webkit-animation-delay:.2s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:1s;-moz-animation-delay:.2s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:1s;-ms-animation-delay:.2s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;-o-animation-duration:1s;-o-animation-delay:.2s;-o-animation-timing-function:ease;-o-animation-fill-mode:both;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both}
#count_btn {
    display: block;
    padding: 5px;
    background:#666;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    float: right;
    margin: 0px 5px 0px 5px;
}
#count_btn:hover {  background:#333;color:#fff;}

#count_btn1 {
    display: block;
    padding: 5px;
    background:#666;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    float: right;
    margin: 0px 5px 0px 5px;
}
#count_btn1:hover {  background:#333;color:#fff;}

input, select {
    cursor: pointer;
    transition: 0.8s ease-in-out;border: 1px solid #ccc;
}

input:hover{
 background-color:#eee;
}

.data a{color:#00008B;}
.data a:hover{ background-color:#fff;color:Red;}

/*下拉清單*/
.res_lists{ position:absolute; z-index:99999;width:100%}
.res_lists a{display:block; background-color:#777;color:#fff;padding:2px 5px 2px 5px; text-decoration:none}
.res_lists a:hover{background-color:#111;color:#fff;}