/*! CSS Used from: file:///C:/Users/KAO/Desktop/tpl_053/style.css ; media=screen */
@media screen{
div,span,h1,a,ul,li{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}
ul{list-style:none;}
nav{display:block;}
a{color:#cd8e29;text-decoration:none;}
a:hover{color:#a01919;}
a:active,a:focus{outline:0;}
.inner{margin:0 auto;width:100%;}
#header{margin-top:-5px;overflow:hidden;}
#header .logo{float:left;padding:20px 0 0;}
.logo a{font-size:20px;font-weight:bold;line-height:1;font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
.logo span{font-size:12px;font-weight:normal;}
#header h1{font-size:11px;color:#444;}
@media only screen and (min-width:960px){
.inner{width:880px;padding:0;}
nav div.panel{display:block!important;float:right;}
a#menu{display:none;}
nav#mainNav ul{float:right;overflow:hidden;}
nav#mainNav ul li{float:left;text-align:center;}
nav#mainNav ul a{font-size:13px;display:block;padding:35px 10px;line-height:1.2;border-top:5px solid #cd8e29;}
nav#mainNav ul span{font-size:10px;color:#a5a5a5;}
nav#mainNav ul li.active a,nav#mainNav ul a:hover{background:#f5f5f5;border-color:#a01919;color:#a01919;}
}
@media only screen and (max-width:940px){
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
#header{padding:10px 0;}
#header .logo{float:none;text-align:center;padding:10px 5px;}
nav#mainNav{clear:both;width:100%;margin:0 auto;padding:0;background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #cd8e29), color-stop(0.00, #a01919));background:#a01919;background:-moz-linear-gradient(top, #a01919 0%, #cd8e29 100%);background:-o-linear-gradient(top, #a01919 0%, #cd8e29 100%);background:-ms-linear-gradient(top, #a01919 0%, #cd8e29 100%);background:linear-gradient(top, #a01919 0%, #cd8e29 100%);}
nav#mainNav a.menu{width:100%;display:block;height:40px;line-height:40px;font-weight:bold;text-align:left;color:#fff;}
nav#mainNav a#menu span{padding-left:10px;}
nav#mainNav a.menu span:before{content:"→ ";}
nav#mainNav a#menu:hover{cursor:pointer;}
nav .panel{display:none;width:100%;position:relative;right:0;top:0;z-index:1;}
nav#mainNav ul li{float:none;clear:both;width:100%;height:auto;line-height:1.2;}
nav#mainNav ul li a{display:block;padding:15px 10px;text-align:left;border-bottom:1px dashed #fff;color:#fff;background:#cd8e29;}
nav#mainNav ul li a span{padding-left:10px;}
nav#mainNav ul li:first-child a{border-top:1px dashed #fff;}
nav#mainNav ul li:last-child a{border:0;}
nav#mainNav ul li.active a,nav#mainNav ul li a:hover{background:#a01919;}
nav div.panel{float:none;}
}
@media only screen and (max-width:768px){
#header{padding-bottom:10px;}
#header h1{text-align:center;}
#header .logo{float:none;text-align:center;padding:10px 5px 20px;}
}
}


body {
    color: #555;
    font: 12px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    line-height: 1.5;
    /*border-top: 5px solid #cd8e29;*/
    background: #fff;
    -webkit-text-size-adjust: none;
	}
	
.inner {
    padding-top: 5px;
    border-top: 10px solid #ffffff;
}


/* 改變左側選單內部圖片大小控制
------------------------------------------------------------*/
@media all{
a{background:transparent;}
a:active,a:hover{outline:0;}
img{border:0;}
@media print{
*{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important;}
a,a:visited{text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")";}
img{page-break-inside:avoid;}
img{max-width:100%!important;}
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{color:#1B242F;text-decoration:none;}
a:hover,a:focus{color:#E74C3C;text-decoration:underline;}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
img{vertical-align:middle;}
.img-responsive{display:block;max-width:100%;height:auto;}
}

@media all{
body a{transition:0.5s all;-webkit-transition:0.5s all;-o-transition:0.5s all;-moz-transition:0.5s all;-ms-transition:0.5s all;}
.news2{float:left;width: 26%;}

@media (max-width:960px){
.news2{width:9%;}
}
@media (max-width:768px){
.news2{width:9%;}
}
@media (max-width:640px){
.news2{width:12%;}
}
@media (max-width:480px){
.news2{width:20%;}
}
@media (max-width:320px){
.news2{width:26%;}
}
img.img-responsive{width:191px;}
}

/* 對於四大類圖案控制
------------------------------------------------------------*/
img.BF4 {
    width: 16%;
}

@media (max-width:640px){
img.BF4 {width:80px;}
}

/* 內文四大類文字
------------------------------------------------------------*/
ul.post a {
    font-family: 微軟正黑體;
    font-weight: 600;
}

/* 輪播圖片
------------------------------------------------------------*/
.swiper-container {
    margin: 0 auto;
    width: 880px;
}

.swiper-container {
    padding-top: 10px !important;
}
@media only screen and (max-width: 830px){
    .swiper-container {
    padding-top: 5px !important;
}
}

 /*輪播圖片大小寬度設定 避免手機版本暴圖*/
        .swiper-slide img
        {
            width: 100%;
        }
		
@media only screen and (max-width: 830px){
    .swiper-container {
    margin: 0 auto;
    width: 100%;
}

.swiper-slide.swiper-slide-active {
    width: 100%;
}
.swiper-wrapper {
    width: 100%;
}
.swiper-container.swiper-container-horizontal.swiper-container-android {
    width: 100%;
}

}

/* Logo
------------------------------------------------------------*/
.logo img {
    width: 260px;
}




/* 登入狀態使用
------------------------------------------------------------*/
.post3.news {
    margin: 0 0 20px 0;
    padding: 10px 10px 1px 10px;
    background: #eae0ce;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}