ด้วยรักและความทรงจำ

Views: 1691Views: 1692 ด้วยรักและความทรงจำ | 108TEEN amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .amp_pb{display: inline-block;width: 100%;}.row{display: inline-flex;width: 100%;}.col-2{ width: calc(50% - 5px);float:left;}.col-2-wrap .col-2:nth-child(1){ padding-right:5px;}.col-2-wrap .col-2:nth-child(2){ padding-left:5px;}.cb{clear:both;}.amp_blurb{text-align:center}.amp_blurb amp-img{margin: 0 auto;}.amp_btn{text-align:center}.amp_btn a{background: #f92c8b;color: #fff;padding: 9px 20px;border-radius: 3px;display: inline-block;box-shadow: 1px 1px 4px #ccc;}.ap_r_1.ap-fl{width:100%;}.ap_r_1.ap-fl .col, .ap_r_1.ap-fl .col-2-wrap{margin:0 auto;max-width:90%; }.ap_r_1.ap-fi .col {margin: 0 auto;}.ap_r_1{ color: #000; margin:0px auto; padding:20px 0px; }.wrap{width:100%;display:inline-block;margin-top:10px;}.ap_m_1 .cm ul{ display:grid; width:100%; grid-template-columns:1fr 1fr 1fr; grid-gap:30px;}.ap_m_1 .cm ul li { list-style-type: none;}.ap_m_1 .cm .cml{ line-height:0;}.ap_m_1 .cm {margin:20px 0px;padding:0px;}.ap_m_1 .cm h4{border-bottom: 2px solid #eee;padding-bottom: 8px;margin-bottom: 5px;font-size:18px;color: #191919;font-weight: 600;}.ap_m_1 .cm .cmr{display:flex;flex-direction: column;margin-top: 6px;}.ap_m_1 .cm .cmr a{font-size: 16px;line-height: 1.3;font-weight: 500;color: #000;margin: 0px 0px 5px 0px;}.ap_m_1 .cm .cmr p{color: #555;font-size: 13px;line-height: 20px;letter-spacing: 0.10px;margin-bottom:0;}.ap_m_1 .cm .cml{width:100%;}.ap_m_1 .cmp a { color: black; float: left; padding: 8px 16px; text-decoration: none; transition: background-color .3s;}.ap_m_1 .cmp a.active { background-color: dodgerblue; color: white;}.ap_m_1 .cmp a:hover:not(.active) {background-color: #ddd;}.ap_m_1 .cmp{ width: 100%; margin: 30px 0px 0px 0px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center;}.ap_m_1 .cm .cmr p a{ font-size:13px; color:#005be2;} @media(max-width:1024px){.ap-fi{width:100%;}.ap-fi{width:100%;}} @media(max-width:768px){.ap_r_1.ap-fl{width:100%;} .ap_r_1.ap-fl .col, .ap_r_1.ap-fl .col-2-wrap{max-width:90%;}.ap_m_1 .cm ul{ grid-template-columns:1fr; grid-gap:20px; } .ap_m_1 .cm ul li{ display:flex; } .ap_m_1 .cml amp-img{width:100%;} .ap_m_1 .cm .cml{ margin-right: 20px; } .ap_m_1 .cm .cmr{ flex: 1 0 55%; margin-top: 0; }.ap_r_1.ap-fl{width:100%;} .ap_r_1.ap-fl .col, .ap_r_1.ap-fl .col-2-wrap{max-width:90%;}.ap_m_1 .cm ul{ grid-template-columns:1fr; grid-gap:20px; } .ap_m_1 .cm ul li{ display:flex; } .ap_m_1 .cml amp-img{width:100%;} .ap_m_1 .cm .cml{ margin-right: 20px; } .ap_m_1 .cm .cmr{ flex: 1 0 55%; margin-top: 0; }} @media(max-width:767px){.ap_m_1 .cmp a{ padding:5px 12px; font-size:16px; }.ap_m_1 .cmp a{ padding:5px 12px; font-size:16px; }} @media(max-width:480px){.ap_m_1 .cm ul li{ display:inline-block; } .ap_m_1 .cm .cml{ margin:0px 0px 20px; } .ap_m_1 .cm .cmr{ flex: 1 0 100%; }.ap_m_1 .cm ul li{ display:inline-block; } .ap_m_1 .cm .cml{ margin:0px 0px 20px; } .ap_m_1 .cm .cmr{ flex: 1 0 100%; }} @media(max-width:425px){.col-2{width:100%;float:none;margin-bottom:10%;}.col-2-wrap .col-2:nth-child(1){padding-right:0px;}.col-2-wrap .col-2:nth-child(2){padding-left:0px;}.sbs .col-2{width: calc(50% - 5px);float: left;margin:2px;}.ap_r_1{ }.col-2{width:100%;float:none;margin-bottom:10%;}.col-2-wrap .col-2:nth-child(1){padding-right:0px;}.col-2-wrap .col-2:nth-child(2){padding-left:0px;}.sbs .col-2{width: calc(50% - 5px);float: left;margin:2px;}.ap_r_1{ }} .code-block-center {margin: 8px auto; text-align: center; display: block; clear: both;} .code-block- {} .ai-align-left * {margin: 0 auto 0 0; text-align: left;} .ai-align-right * {margin: 0 0 0 auto; text-align: right;} .ai-center * {margin: 0 auto; text-align: center; } .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}

Category