body { #FFFFFF } nav { padding: 1em; border-bottom: 5px solid #FFFFFF; } .container { padding: 0; } #header { width: 100%; margin-top: 30px; margin-bottom: 20px; padding: 0; } #banner { height: 50vh; width: 100%; background-size: cover !important; } #banner2 img { width: 100%; } h1 { padding: 1em !important; margin-bottom: 0; } h2, h3, h4, h5, h6 { padding: 0 1em !important; } .item { display: block; padding: 5px; } .item img { width: 100%; } .item:hover { opacity: 0.8; background: #f8fcfc; } a , a:hover { color: #555555; } #kanren_tweet h2, #kakolink h2, .bg-info , .btn-info , .bg-info a , .btn-info a { background : #23b1b1 !important; color : #FFFFFF !important; border-color: #23b1b1 !important; text-decoration: none; } #cart { background : #FFFFFF !important; color : #23b1b1 !important; border-color: #23b1b1 !important; text-decoration: none; padding: 0.5em; font-size: 1.7em; margin-top: 1em; } #kanren_tweet h2, #kakolink h2 { margin-top: 1em; padding: 16px 1em !important; font-size: 1.5rem !important; } #kanren_tweet i, #kakolink i { margin-right: 0.5em; } .tweet_item { margin-left: 10px; display: inline_block; } twitterwidget { max-width: 45% !important; display: inline-block !important; vertical-align: top !important; } #price { padding: 2em 1em; font-size: 1.5em; display: inline-table; } #to_cart{ position: fixed; bottom: 60px; right: 20px; font-size: 5em; text-decoration: none; color: #FFFFFF; text-align: center; } #to_cart a:hover{ opacity:0.5; } /* ใ‚นใƒžใƒ› */ @media screen and (max-width:768px){ .row { padding: 0 !important; margin: 0 !important; } h1{ font-size: 1.5em !important; } h2, h3, h4, h5, h6 { font-size: 1.2em !important; } #banner { height: 25vh !important; } .py-5 { padding-top: 10px !important; padding-bottom: 10px !important; } .my-5, .my-3 { margin-top: 10px !important; margin-bottom: 10px !important; } twitterwidget { max-width: 98% !important; margin-right: 10px; } #to_cart{ bottom: 50px; right: 10px; } }