.page-id-2 main#main {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/hosting-header-bg.svg) repeat-x 50% 0 #E0EEF6;
background-size: 2500px;
}
.google-pack.host-pack {
max-width: inherit;
}
.google-pack.host-pack .p-set:nth-child(1) .detail li:nth-child(1) {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/ssd-icon.svg) 0 10px no-repeat;
background-size: 30px;
}
.google-pack.host-pack .detail li:nth-child(2) {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/cpu-icon.svg) 0 3px no-repeat;
background-size: 30px;
}
.google-pack.host-pack .detail li:nth-child(3) {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/ram-icon.svg) 0 3px no-repeat;
background-size: 30px;
}
.google-pack.host-pack .detail li:nth-child(4) {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/bw-icon.svg) 0 3px no-repeat;
background-size: 30px;
}
.google-pack.host-pack .detail li:nth-child(5) {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/secure-icon.svg) 0 3px no-repeat;
background-size: 30px;
}
.google-pack.host-pack .detail li:nth-child(6) {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/icon/backup-icon.svg) 0 3px no-repeat;
background-size: 30px;
}
.host-pack .price .start {
margin-left: -7em;
}
.google-pack.host-pack .price {
margin: 40px 0;
height: 110px;
}
.google-pack.host-pack .package .p-set {
border: none;
}
.google-pack.host-pack .detail {
border-top: 1px solid #d6dfe6;
padding-top: 40px;
margin-top: 20px;
}
.host-pack .price {
height: 90px;
}
.host-pack .package {
border-right: 1px solid #d6dfe6 !important;
}
.google-pack.host-pack .detail li {
padding: 0 0 0 45px;
}
.google-pack.host-pack .package {
padding: 40px;
}
.host-pack .package:nth-child(4) {
border-right: none !important;
}
.host-pack .detail span {
font-size: 1.2em;
color: #000;
}
.host-pack .detail li:nth-child(1) span {
font-size: 1.8em;
}
.host-pack .pack-logo {
max-width: 120px;
margin: 0 auto 30px;
background-color: #f4f4f4;
padding: 15px;
border-radius: 200px;
} .host-package {
display: flex;
flex-direction: column;
margin-bottom: 60px;
}
.host-package .p-head {
color: #fff;
text-align: center;
padding: 15px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
border-radius: 20px 20px 0 0;
} .host-package .p-price span {
font-size: 2em;
}
.host-package .p-head h2 {
font-size: 1.4rem;
margin: 5px 0 0 0;
}
.host-package .p-head i {
font-size: 3rem;
}
.host-package .pack {
float: left;
width: 100%;
border-radius: 20px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2)
}
.host-package .inner {
margin-bottom: 15px;
}
.host-package .p-text {
color: #555;
}
.host-package .p-text ul {
margin: 0;
padding: 0;
}
.host-package .p-text li {
padding: 8px 20px;
list-style: none;
background-color: #f8f8f8;
}
.host-package .p-text li:nth-child(odd) {
background-color: #fff;
} .page-id-1530 main#main {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/google-workspace-header-bg.svg) repeat-x 50% 0 #eee;
} .p-text .right {
float: right;
text-align: right;
font-weight: bold;
}
.host-package .p-buy {
text-align: center;
float: left;
width: 100%;
}
.host-package .p-buy a {
font-family: "Noto Sans Thai", 'Roboto';
text-align: center;
font-size: 1.3rem; padding: 5px 10px; color: #fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.host-package .p-buy a:hover {
background-color: rgba(0, 0, 0, 0.2);
} .host-package .inner:nth-child(1) .pack {
background-color: #3e3234;
}
.host-package .inner:nth-child(2) .pack {
background-color: #1E2730;
}
.host-package .inner:nth-child(3) .pack {
background-color: #777;
}
.host-package .inner:nth-child(4) .pack {
background-color: #AB9A5B;
}
.host-package .inner:nth-child(5) .pack {
background-color: #68D0D4;
}
.host-package .inner:nth-child(6) .pack {
background-color: #98C15A;
}
.host-package .inner:nth-child(7) .pack {
background-color: #F2C051;
}
.host-package .inner:nth-child(8) .pack {
background-color: #e9333e;
}
.host-package .inner:nth-child(9) .pack {
background-color: #d9cab7;
}
.host-package .inner:nth-child(10) .pack {
background-color: #2ac3cb;
}
.host-package .inner:nth-child(11) .pack {
background-color: #455670;
}
.host-package .inner:nth-child(12) .pack {
background-color: #e9333e;
} .host-package .inner:nth-child(1) .p-head {
background-color: #372C2E;
} .host-package .inner:nth-child(6) .p-head {
background-color: #82b23a;
}
.host-package .inner:nth-child(7) .p-head {
background-color: #f0b021;
}
.host-package .inner:nth-child(8) .p-head {
background-color: #c82d36;
}
.host-package .inner:nth-child(9) .p-head {
background-color: #c82d36;
}
.host-package .inner:nth-child(10) .p-head {
background-color: #c82d36;
}
.host-package .inner:nth-child(11) .p-head {
background-color: #c82d36;
}
.host-package .inner:nth-child(12) .p-head {
background-color: #c82d36;
}
.page-id-178 .site-content {
background-color: #eee;
}
.host-package img {
width: 100px;
}
.page-id-2 .site-content,
.page-id-58 .site-content,
.page-id-223 .site-content {
background: url(//thaismart.cloud/wp-content/themes/thaismartcloud/images/noise.png) #ddd;
}
@media (min-width:768px) {
.google-pack.host-pack {
display: flex;
flex-flow: row wrap;
}
.google-pack.host-pack .package{
width: 50%;
}
.host-package {
flex-flow: row wrap;
}
.host-package .inner {
width: calc(100%/2);
padding: 8px;
margin-bottom: 0;
}
}
@media (min-width:992px) {
.google-pack.host-package .package:nth-child(4) {
border-right: none;
}
.host-package .inner {
width: calc(100%/4);
}
#post-223 .host-package .inner {
width: calc(100%/4);
}
}
@media (min-width:1200px) {
.google-pack.host-pack {
flex-flow: row nowrap;
}
.google-pack.host-pack .package {
width: 25%;
}
}