You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
75 lines
2.6 KiB
75 lines
2.6 KiB
2 years ago
|
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;
|
||
|
|
}
|
||
|
|
}
|