QNAP eNews Issue 56｜New Solutions, Major Updates & Security Tips a.pt-img img {transition:all .3s ease !important; } a.pt-img:hover img {transform:scale(1.07) !important; } a.pd-lk:hover { color:#a69c96 !important; } .img_hover { transition:all .3s ease !important; } .img_hover:hover, .img_hover:active { transform:scale(1.07) !important; opacity: 0.9 !important; } .bn-01 a:hover, .bn-02 a:hover { background:#fa6d30 !important; } .agenda-table tr:hover td { background:rgba(184,167,110,0.2) !important; } .agenda-table tr th { background:rgba(184,167,110,0.4) !important; } .btn, .hh-table-kl {transition:all .3s ease !important; } .btn a:hover { background:#f05a28 !important; border:2px solid #f05a28 !important ; } .btn a:hover {color:#ffffff !important } .hh-table-kl a:hover, .hh-table-jt a:hover { color:rgba(0,116,194,0.8) !important; } .hh-table-kl ul li { padding-bottom:6px !important; } /* footer icon css */ .ft-btn-ci { transition: all .3s ease !important; } .ft-btn-ci:hover { background-color:#0074E1 !important;} .ft-btn-ci:hover a { color:#ffffff !important; } .ft-btn { transition: all .3s ease !important; } .ft-btn:hover { background-color:#0074E1 !important; border:1px solid #0074E1 !important; } .ft-btn:hover a { color:#ffffff !important; } .bt-link img:hover { opacity: 0.8 !important; } @import "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700";; @import "https://fonts.googleapis.com/css?family=Anton";; @import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css); @media screen and (max-width: 800px){ table {max-width:100%; width:100%;} .hhh-cell, .shd-row, .shd-cell, .sep-row { display:none !important; } .art-img img { max-width: 100% !important; height:auto !important; border:0 !important; display:block !important; padding:0 !important; } .hh-table { width:100% !important; max-width:100% !important; margin-top:0 !important; } .hh-table-jt,.hh-table-kl { text-align: center !important } .gap-cell { width: 50px !important; } .border_mob { border-right:0 !important; border-left:0 !important; border-bottom:1px solid #aaa !important; margin: 0 auto !important; } .border_mob_d { border-right:0 !important; border-left:0 !important; border-bottom:1px solid #666 !important; margin: 0 auto !important; } .ft-que, .ft-follow { margin: 0 auto 12px !important; } .ft-follow .ft-icons { width: 50% !important; margin: 0px auto 10px !important; } .ft-que .border_mob, .ft-que .border_mob_d { padding-bottom: 20px; } } @media screen and (max-width: 480px){ .gap-cell { width:40px !important; } .ft-follow .ft-icons { width: 80% !important; } } @media screen and (max-width: 414px){ .gap-cell { width:30px !important; } } /* 手機版 */ @import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css); @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700); @media screen and (max-width: 680px){ table {max-width:100%; width:100%;} .hhh-cell, .shd-row, .shd-cell, .sep-row { display:none !important; } .gap-cell { width:20px !important; } .art-img img { max-width: 100% !important; height:auto !important; border:0 !important; display:block !important; padding:0 !important; } .hh-table { width:100% !important; max-width:100% !important; margin:0 !important; } .hh-table-pt { width:100% !important; max-width:100% !important; margin:45px 0 0 !important; } .hh-img { width:100% !important; max-width:100% !important; margin:0 !important; } .hh-table-st { padding:18px 20px 0 !important; } .hh-table-jt { text-align:center !important; padding: 10px 20px 0 !important; } .hh-table-kl { text-align:left !important; padding: 0 20px 0 !important; } .hh-table-st br, .hh-table-jt br, .hh-table-kl br { display:none !important; } .hh-hr-be { width:39% !important; } .hh-hr-af { width:38% !important; } .hh-hr-tt { width:22% !important; } h1 { font-size:48px !important; line-height:1.2em !important; } .tit_width { padding-left:20px; padding-right:20px; } .fl_clear img, .fl_clear table { float:none !important; } .fl_clear table { margin:15px auto !important; width:100% !important; } .applications { padding-bottom:20px !important; } .dealer { width: 330px !important } .hh-im img { display: none !important; } .hh-im-tt { width:100% !important; max-width:100% !important; padding: 0 5% !important; } } .info-tb { margin:10 0 0 !important; } .info-tb td { border:none !important; text-align: center !important; } .info-tb img { margin: auto !important; } .info-tb-txt { height:auto !important; } .info-tb-txt-lf td { border:none !important; text-align: left !important; } @media screen and (max-width: 600px){ .tit { font-size: 23px !important; } .hh-table-st { font-size: 20px !important; } .hh-table-jt, .hh-table-kl { font-size: 17px !important; } .btn a { width:40% !important; } } @media screen and (max-width: 480px){ .tit-01 { padding:35px 0px 0px !important; } h2 { font-size: 24px !important; } .btn a { width:60% !important; } .hh-hr-tt td { font-size: 23px !important