body{

    width: 100%;

    height: 100%;

}

html,body{overflow-x:hidden;}

* img{
    object-fit: cover;
}

* {
    padding: 0;
    margin: 0;
    font-family: GOTHAM, Calibri, '微軟正黑體', serif;
    font-size: 16px;
}
ul, li {
    list-style: none;
}
a{
    text-decoration: none;
    color: #111;
}

a:link{
    text-decoration: none;
}

img{
    width: 100%;}


/* 首頁 */

.logo{width:170px;height: 110px;}

.search{border-radius:10px;}

.buttonnoe{font-weight: bold;
    color:#333333;
    border-radius:10px;}

.form{padding-left: 150px;}

.meun{padding-top:30px;}

.munu>ul,li{font-weight: bold;
    color: #333333;
    padding-left: 10px;
    list-style: disc;
    line-height: 2.5;}

.li{
    height: 5px;
    background-color: black;
    list-style:none;
    margin-left: 1px;}

.linoe{
    height: 1px;
    background-color: black;
    list-style:none;
    margin-left: 1px;}

.litwo>a{font-weight: bold;
    font-size: 25px;
    list-style:none;
    float: right;}

.item>img{width:1500px;}

.navbar{margin-bottom:0px;background:#ffffff;padding-top:20px;}

.carousel-control{font-size:100px;
    padding-top: 17%;}

.carousel-caption{margin:50px;left: 0;top: 0;padding: 0; }

.carousel-caption>h4>a{font-size: 30px;font-weight: bold;color: #ffffff;}

.carousel-caption>h4>a:hover{color:black;}

.carousel-caption>p{font-size: 25px;font-weight: bold;color: #ffffff;}

.item,.carousel-caption{
    width: 100%;
    height:302px;
    margin: 0px;
}

.heading-title{
    border-bottom:solid;
    border-color:rgba(0,0,0,0.3);
    border-width:thin;
    margin-bottom:50px;
    padding-left: 0px;
    width:100%;
}
.heading-title h3{
    background: #FFFFFF;
    position:relative;
    bottom:-23px ;
    width:150px;
    text-align: center;
}

.jiewei{
        height:111px;
        margin-top: 30px;
         background-color: #D5D5D5;}

.ji{
        color: black;
    float: left;}

.ji>p{ font-size: 15px;
    margin-left: 110px;
    padding-top: 45px;}
		
.footer{padding-top:35px;}

.post{line-height: 2.5;
    font-weight: bold;
    text-align: center;
    font-size: 22px;}

.left{float: left;
    font-weight: bold;}

.rigth{float: right;
    font-weight: bold;}

.postli{line-height: 3.5;
    font-weight: bold;
    text-align: center;}

.postul{line-height: 3.5;
    font-weight: bold;}


.oi{margin-top: 5px;}

.oilileft{float: left;
    font-weight: bold;
    font-size: 11px;
}

.oilirigth{float: right;
    font-weight: bold;
    font-size: 11px;}

.headingyi{
    border-bottom:solid;
    border-color:rgba(0,0,0,0.3);
    border-width:thin;
    margin-bottom:50px;
    padding-left: 0px;
}
.headingyi h3{
    background: #FFFFFF;
    position:relative;
    bottom:-23px ;
    width:150px;
}


.pi{margin-top: 40px;}

.bi{margin-top: 105px;}

.bi>img{width: 80%;
    padding-left: 100px;}

.bi>ul{text-align: center;}

.bi>ul>li{list-style: none;}

.bi>ul>li>a{ display: inline-block;
    vertical-align: top;
    color: #000;
    padding: 1.724% 3.592% 1px;
    margin-right: 1.458%;
    margin-bottom: 1.458%;
    border: 1px solid #fe1393;
    text-decoration: none;
    border-radius: 50px;}

.bili{margin-top: 20px;}

.ni{margin-top: 35px;}


/* 文章頁 */

.zi{background-color: #ffffff;
    margin-top: 25px;
    padding-left: 35px;}

.zi>li{margin-left: 0px;}

.zi> li + li:before{
    content:none;
}

.xi{padding-left: 10px;}

.ci{margin-top: 15px;
    margin-left: 20px;}

.ci>li{font-size: small;
    float: left;
    list-style: none;
    margin-left: 0px;
    line-height:normal;
}
.ci>li>a{font-size: 14px;}

.vi{padding-top: 50px;
    margin-left: 30px;}

.vi>img{width:auto;}

.vi>p{font-size: 16px;}

.vi>p>span{font-weight: bold;font-size: 25px;}

.vi>p>img{width: auto;}

.mi{padding-top: 30px;
    margin-left: 30px;}

.mi>p{float: left;
    padding-left: 25px;}
.mi>p>a>span{
    color:#fe1393;
    font-weight: bold;
    font-size: 20px;}

.ai{padding-top: 30px;}

.ai>p{ float:left;
    font-size: 24px;}

.ai>img{width: auto;float: left;padding-top: 5px;}

.si{border:1px solid gainsboro;
    padding-left: 0px;}

.di{border:1px solid gainsboro;
    background-color:#f5f5f5;
    padding-left: 5px;
    margin-top: 45px;
    height: 50px;}

.di>span{padding-top: 10px;
    padding-left: 10px;
    font-size: 24px;
    line-height: 2;}

.fi{padding-left: 0px;}

.fi>p{font-size: 20px;}

.gi{padding-left: 0px;
    padding-top: 15px;}

.gi>p{font-size: 14px;
    font-weight: bold;}

.gi>p>a{font-size: 14px;
    font-weight: bold;}

.hi{padding-top: 10px;
    padding-left: 0px;}

.postli{line-height: 1.5;
    font-weight: bold;
    text-align: center;
    font-size: 21px;
    margin-top: 5px;}

/* 列表頁 */

.heading-titleai{
    border-bottom:solid;
    border-color:rgba(0,0,0,0.3);
    border-width:thin;
    margin-bottom:50px;
    padding-left: 45%;
    width:100%;
}
.heading-titleai h1{
    background: #FFFFFF;
    position:relative;
    bottom:-30px ;
    width:150px;
    text-align: center;
}

.jii{border:1px solid gainsboro;
    background-color:#f5f5f5;
    padding-left: 5px;
    height: 50px;
    width: 100%;}


.jii>span{padding-top: 10px;
    padding-left: 10px;
    font-size: 24px;
    line-height: 2;}

.ooo{display:table;}

.cii>span{margin-top: 5px;}

.cii>span>a{color: #2b542c;}

.cii>li{font-size: small;
    float: left;
    list-style: none;
    margin-left: 0px;
    line-height:normal;
}
.cii>li>a{font-size: 14px;}

.cii>p{
    font-size: 16px;
    line-height: 1.5;
    margin-top: 35px;}

.cii>h2>a{font-size: 30px;}

.ki{text-align: center;
    padding-top: 60px;}

.ki>button{border:2px solid #5e5e5e;
    color: #333333;
    background-color: #ffffff;}

.ki>button:hover{background-color:#ffffff;
    border-color:#333333;
    color: black;}

.qi{padding-top: 30px;}

.navbar-header{height: 120px;				
				padding-left:75px;}

.iii{}

.navbar-nav{padding-left: 100px;}

.ciip{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}



/* index媒體查詢 */
@media screen and (min-width:1200px){

}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .navbar-nav{margin: 12.5px -15px;}
    .item,.carousel-caption{height:196px;}
    .carousel{margin-top: 45px;}
    .navbar-header{padding-left: 0px;}
    .cii>p{margin-top:50px;}
    .munu>ul, li{padding-left: 5px;}
    .oilirigth{float: left;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-toggle{
        display: block;
        float: left;
        margin-top:100px;
    }
    .item,.carousel-caption{height:143px;}
    .collapse{
        display: none;
    }
    .navbar-header{
        float: none;
    }
    .navbar-nav > li{float: none;}
    .meun{ padding-top: 0px;padding-left: 0px;}
    .navbar-nav{margin: 12.5px -15px;}
    .logo{float: right;
        width: 400px;
        height: 150px;}
    .form-group{
        width: 100%;
    }
    .form-control{
        width: 100%!important;
    }

    .form{
        padding-left:0px;
        width:100%;
    }
    .headingyi h3{margin-top: 50px;}
    .heading-title{margin-top: 50px;}
    .carousel-caption{margin: 0px;}
    .heading-titleai{padding-left: 28%;}
    .cii>li{margin-left: -6px;}
    .gi{height: 100px;}
    .jii{margin-top: 30px;}
    .fi{padding-right: 0px;}
    .hi{padding-right: 0px;}
    .iii{display:table-header-group;}
    .carousel{margin-top: 45px;}
		.ji{float:none;}
	.ji>p{margin-left:0px;}
	.jiewei{height:auto;}
    .navbar-header{padding-left: 0px;}
}

@media screen and (min-width: 375px) and (max-width: 767px) {
    .meun{padding-top:0px;
        padding-left:0px;}
    .form{padding-left:30px;}
    .navbar-nav{margin: 12.5px -15px;}
    .headingyi h3{margin-top: 50px;}
    .heading-title{margin-top: 50px;}
    .carousel-caption{margin: 0px;}
    .heading-titleai{padding-left: 28%;}
    .cii>li{margin-left: -6px;}
    .gi{height: 100px;}
    .jii{margin-top: 30px;}
    .fi{padding-right: 0px;}
    .hi{padding-right: 0px;}
    .si{padding-right: 0px;}
    .iii{display:table-header-group;}
    .item,.carousel-caption{height:73px;}
    .carousel-control{padding-top: 12%;}
    .carousel{margin-top: 45px;}
		.ji{float:none;}
	.ji>p{margin-left:0px;}
	.jiewei{height:auto;}
    .navbar-header{padding-left: 0px;}
}

@media only screen and (max-width: 375px) {
    .meun{padding-top:0px;
        padding-left:0px;}
    .form{padding-left:30px;}
    .navbar-nav{margin: 12.5px -15px;}
    .carousel-caption{margin: 0px;}
    .headingyi h3{margin-top: 50px;}
    .heading-title{margin-top: 50px;}
    .heading-titleai{padding-left: 28%;}
    .cii>li{margin-left: -6px;}
    .gi{height: 100px;}
    .jii{margin-top: 30px;}
    .fi{padding-right: 0px;}
    .hi{padding-right: 0px;}
    .iii{display:table-header-group;}
    .item,.carousel-caption{height:64px;}
    .carousel-control{padding-top: 12%;}
    .carousel{margin-top: 45px;}
	.navbar-header{padding-left:0px;}
	.ji{float:none;}
	.ji>p{margin-left:0px;}
	.jiewei{height:auto;}
    .navbar-header{padding-left: 0px;}
}

@media only screen and (max-width: 320px) {
    .logo{width: 259px}  .navbar-nav{margin: 12.5px -15px;}
    .item,.carousel-caption{height:54px;}
    .carousel-control{padding-top: 12%;}
    .carousel{margin-top: 45px;}
		.ji{float:none;}
	.ji>p{margin-left:0px;}
	.jiewei{height:auto;}
    .navbar-header{padding-left: 0px;}
    .cii>p{margin-top: 50px;}
}