水宅研居｜居家鍍膜・防霉・壁癌・清潔・一站式升級服務

水宅研居｜居家鍍膜・防霉・壁癌・清潔・一站式升級服務 @charset "UTF-8";.template-layout { @import url("https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css"); @import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC"); /******************* * fadeInDown *******************/ /******************* * input[type="file"] *******************/ /******************* * head top *******************/ /* * head top 基本功能*******************/ /* * head top 社群功能*******************/ /* * head top 搜尋bar*******************/ /* * head sidebar menu *******************/ /******************* * head main *******************/ /* * head main logo*******************/ /* * head main drop down menu *******************/ /******************* * footer *******************/ /******************* * main *******************/ /* * slick slider*******************/ /******************* * flickity *******************/ /* draggable */ /* * cakes cake *******************/ /* cakes__1 *****************************/ /* cakes__2 *****************************/ /* cakes__3 *****************************/ /* cakes__4 *****************************/ /* cakes__5 *****************************/ /* * contt-title *******************/ /******************* * product *******************/ /* * page path *******************/ /* * pds nav *******************/ /* * pds items *******************/ /******************* * pds__related *******************/ /******************* * carts checkout *******************/ /******************* * orders *******************/ /******************* * blog *******************/ /******************* * other grid setting *******************/ /******************* * popup *******************/ /******************* * pop cart order list *******************/ /* .side-cart-list-ul > li .details > div.del { border: 1px solid rgba(255, 255, 255, 0.7); } */ /******************* * pop pds items *******************/ /******************* * sign *******************/ /******************* * users *******************/ /******************* * separation line *******************/ /******************* * pagination *******************/ /******************* * scrollbar *******************/ /******************* * banner *******************/ /* banner end */ /******************* * separation & button *******************/ /* separation & button */ /*bar*/ /******************* pop board */ /*********************************** ** nav background area for mobile ** ***********************************/ /******************* * marquee *******************/ /*********************** ** Others later added ** ***********************/ /*********************** ** discount_block ** ***********************/ /* .qty-select span select:hover , .return-area .reason span select:hover , .return-way .chose select:hover { border-color: #79cddf; box-shadow: none; } */ /*addons*/}.template-layout * { -o-box-sizing: border-box; box-sizing: border-box;}@keyframes slideDown { 0% { transform: translateY(0%); } 50% { transform: translateY(8%); } 65% { transform: translateY(6%); } 80% { transform: translateY(4%); } 95% { transform: translateY(2%); } 100% { transform: translateY(0%); }}@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}@keyframes pound { 0% { transform: none; } 50% { transform: translateY(10px) scale(3.5); } 100% { transform: none; }}@keyframes fadeInDown { from { opacity: 0; transform: translate3d(20%, -20%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); }}.template-layout body { width: 100%; max-width: 100%; *zoom: 1; overflow-x: hidden; -webkit-overflow-scrolling: touch;}.template-layout body:before, .template-layout body:after { content: " "; display: table;}.template-layout body:after { clear: both;}.template-layout body.noScroll { overflow: hidden;}.template-layout #wrap { width: 100%; min-height: 100vh; min-width: 320px;}@media (max-width: 980px), (max-device-width: 1024px) { .template-layout #wrap { overflow: hidden; }}.template-layout input[type=text], .template-layout input[type=url], .template-layout input[type=email], .template-layout input[type=password], .template-layout input[type=number], .template-layout input[type=date] { box-sizing: border-box; min-height: 40px; width: 100%; padding: 5px; font-size: 18px; vertical-align: middle; outline: none; background-color: white; border: 1px solid #444444; margin-bottom: 10px; -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 5px; box-shadow: none;}.template-layout input[type=text]:focus, .template-layout input[type=url]:focus, .template-layout input[type=email]:focus, .template-layout input[type=password]:focus, .template-layout input[type=number]:focus, .template-layout input[type=date]:focus { background-color: rgba(156, 156, 156, 0.2);}.template-layout input[type=number] { text-align: center; -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield;}.template-layout input[type=number]::-webkit-inner-spin-button, .template-l