body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0;font-size:14px;}
.clearfix{zoom:1;}
.clearfix:after{content:'.';display:block;visibility:hidden;clear:both;overflow:hidden;height:0px;}
body{position:relative;font-family: 微軟正黑體;
	word-break: break-all;
	word-wrap: break-word;background-color:#FFF;font-size:14px;line-height:1.428571429;}
ul,li{list-style:none;margin:0;padding:0;}
img,span{display:inline-block;max-width:100%;}
a{color:#464c5c;}

.img-responsive{max-width:100%;display:block;}
.elementBlock{display:block !important;}
.elementNone{display:none !important;}
.elementhidden{visibility:hidden !important;}
.verMiddle{vertical-align:middle !important;}
.vercenter{text-align:center !important;}
.verbold{font-weight:bold !important;}
.qcmargin{margin:0 !important;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
a:link{text-decoration:none;}

.main_style{padding-top:64px;}
.navbar-default {
    background-color:#FFF;
}

.navbar-default .navbar-brand {
    font-family: Brush Script MT;
    font-weight: normal;
    color:#b1afaf;
    font-size: 21px;
    line-height: 21px;
    text-shadow:1px 1px 0 rgb(122 122 122),
        1px 1px 5px rgb(183 183 183 / 80%);
}
.navbar-default{}
.navbar-default .navbar-toggle{padding:0;border:none;margin-top:10px;}
.navbar-default .icon1:hover{background-color:#ddd;}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover{background:none;}

.im_mainl{margin:0 10px 12px 10px;}
.bor_radius{border-radius:10px;}
.im_img{transform:scale(1);transition:all 0.5s ease;object-fit:cover;display:block;width:100%;height:100%;}
.im_img:hover{transform:scale(1.03);}
.im_item{padding:5px;height:16vw;overflow:hidden;}
.im_item>a{overflow: hidden;display:block;position:relative;width: 100%;height: 100%;}
.im_img_title{background:rgba(7, 7, 7, .3);position:absolute;left:0;right:0;bottom:0;top:0;color:#FFF;border-radius:10px;}
.im_item:hover .im_img{transform:scale(1.03);}
.im_img_title span{position:absolute;bottom:10px;left:10px;margin-right:10px;font-weight:bold;padding:5px;border:solid 2px #FFF;border-radius:10px;}

.web_info{padding:21px 0 42px 0;}
.web_info p{color:#808080;font-size:13px;margin:5px 0;}
.web_info a{color:#808080;}
.web_info a:hover{text-decoration:underline;color:#000;}

@media screen and (max-width: 1199px) {
    .im_item {
        height: 23vw;
    }
}

@media screen and (max-width: 991px) {
    .im_item {
        height: 32vw;
    }
}

@media screen and (max-width: 767px) {
    .im_item {
        height: 45vw;
    }
}