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
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; |
|
} |
|
} |