@charset "UTF-8";

#et-top-navigation #top-menu-nav #top-menu > li {
display: block;
float: left;
}
#et-top-navigation #top-menu-nav #top-menu {
position: relative;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site {
position: static;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site::after {
display: none;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site .sub-menu {
flex-wrap: wrap;
right: 0;
padding: 0;
width: 666px;
background: #efefef;
border-top: none;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site .sub-menu li {
width: 50%;
background-color: #eee;
margin: 0;
padding: 0;
height: 140px;
line-height: 180px;
text-align: center;
font-size: 18px;
transition: all 0.2s;
overflow: hidden;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site .sub-menu li:hover {
background-color: #fff;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site .sub-menu li:nth-child(4n+2) {
background-color: #333;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site .sub-menu li:nth-child(4n+2):hover {
background-color: #000;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site .sub-menu li:nth-child(4n+2) a {
color: #fff !important;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site .sub-menu li:nth-child(4n+2) + li {
background-color: #333;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site .sub-menu li:nth-child(4n+2) + li:hover {
background-color: #000;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site .sub-menu li:nth-child(4n+2) + li a {
color: #fff !important;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site .sub-menu li a {
color: #222;
position: relative;
white-space: nowrap;
transition: all 0.2s;
display: block;
width: 100%;
height: 100%;
padding: 0;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site .sub-menu li a::before {
content: "\e93b";
font-family: "icomoon";
font-size: 30px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -57%);
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site .sub-menu li a:hover {
transform: scale(1.1) translate(0, -3px);
opacity: 1;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site .sub-menu li.web-learn a::before {
content: "\e98f";
color: #df00dd;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site .sub-menu li.web-server a::before {
content: "\e986";
color: #65ffef;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site .sub-menu li.web-service a::before {
content: "\e921";
color: #65ffad;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site .sub-menu li.web-youtube a::before {
content: "\e987";
color: #fe0000;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site .sub-menu li.web-wpdiy a::before {
content: "\e96e";
color: #ffbe65;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site .sub-menu li.web-blog a::before {
content: "\e997";
color: #00dfa3;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site > a {
display: block;
position: relative;
top: -10px;
border: 1px solid #000;
padding: 0px 20px 0 15px;
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 50%;
transition: all 0.3s;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site > a::before {
content: "\e93b";
font-family: "icomoon";
font-size: 22px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #666;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site > a::after {
content: "";
display: none;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site:hover .sub-menu {
display: flex;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site:hover > a {
border: 1px solid #9173e0;
}
#et-top-navigation #top-menu-nav #top-menu .nav-switch-site:hover > a::before {
color: #9173e0;
}
body,
p,
span {
font-family: "Lato", "Noto Sans TC", "PingFang TC", "SF Pro TC", "Helvetica Neue", "Helvetica", "arial", "Microsoft JhengHei", sans-serif !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Lato", "Noto Sans TC", "PingFang TC", "SF Pro TC", "Helvetica Neue", "Helvetica", "arial", "Microsoft JhengHei", sans-serif !important;
}
.et-pb-icon {
font-family: "ETmodules" !important;
}
#wpadminbar .ab-icon,
#wpadminbar .ab-item:before,
#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
.wp-admin-bar-arrow {
font-family: "dashicons" !important;
}
div.wpforms-container-full .wpforms-form button[type=submit] {
background-color: #e8ff77;
border: none;
color: #000;
font-size: 20px;
width: 220px;
height: 56px;
border-radius: 5px;
font-weight: bold;
letter-spacing: 2px;
}
body.page-id-231 #page-container .et_pb_section .et_pb_fullwidth_header_1 .et_pb_button_one.et_pb_button,
body.page-id-231 #page-container .et_pb_section .et_pb_fullwidth_header_0 .et_pb_button_one.et_pb_button {
color: #fff !important;
background-color: #0062eb !important;
}
#main-header .logo_container a {
position: relative;
width: 65px;
height: 65px;
padding: 8px 0 0 8px;
display: inline-block;
transition: all 0.2s ease;
background-color: #0062eb;
color: #fff;
border-radius: 7px;
top: 8px;
}
#main-header .logo_container a img {
display: none;
}
#main-header .logo_container a:hover {
background-color: #f5f5f5;
}
#main-header .logo_container a:hover .logo-text {
color: red;
}
#main-header .logo_container a::after {
content: "造九\a頑五";
white-space: pre;
display: block;
font-size: 16px;
line-height: 1.25em;
color: #fff;
transition: transform 0.2s ease;
}
#main-header.et-fixed-header .logo_container a {
top: 5px;
width: 45px;
height: 45px;
}
#main-header.et-fixed-header .logo_container a::after {
transform: scale(0.7) translate(-30%, -30%);
font-size: 16px;
}
@media only screen and (min-width: 960px) and (min-height: 0px) {
#page-container {
position: relative;
min-height: 100vh;
}
#main-content {
padding-bottom: 163px;
}
.et-l--footer {
height: 163px;
position: absolute;
bottom: 0;
width: 100%;
}
.home .et-l--footer {
height: 102px;
}
}
#top-menu li > a .dashicons {
font-size: 16px !important;
}
@media only screen and (min-width: 1750px) and (min-height: 0px) {
#top-menu li > a {
font-size: 18px !important;
}
#top-menu li > a .dashicons {
font-size: 18px !important;
}
}
a.make9-product-remove {
position: absolute;
left: -14px;
top: -6px;
color: #fff !important;
background: #aaa;
font-size: 12px;
line-height: 18px;
width: 18px;
height: 18px;
border-radius: 100%;
text-align: center;
}
.et-cart-info {
display: none;
} .make9-my-account-dashboard-list {
display: flex;
justify-content: space-between;
padding: 0;
list-style: none;
flex-wrap: wrap;
}
@media only screen and (min-width: 960px) and (min-height: 0px) {
.make9-my-account-dashboard-list li {
width: 49%;
border: 1px solid #efefef;
border-radius: 7px;
list-style: none;
text-align: center;
margin-bottom: 1rem;
}
}
.make9-my-account-dashboard-list li a {
display: block;
width: 100%;
padding: 25px 0;
font-size: 18px;
color: #222;
}
.make9-my-account-dashboard-list li a:hover {
color: #fff;
background-color: #99ffe7;
}
.make9-my-account-dashboard-list li a i {
display: block;
font-size: 28px;
margin-bottom: 10px;
}
.woocommerce-MyAccount-navigation {
margin-bottom: 5rem;
}
.woocommerce-MyAccount-navigation ul {
padding: 0;
}
.woocommerce-MyAccount-navigation ul li {
list-style: none;
border-bottom: 1px solid #efefef;
font-size: 18px;
}
.woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 17px;
color: #555;
}
.woocommerce-MyAccount-navigation ul li a:hover {
background-color: #99ffe7;
color: #fff;
} .pmpro_account-membership-levelname .pmpro_actionlinks {
display: none;
}
#pmpro_account-membership .pmpro_actionlinks {
display: none;
}
.woocommerce-MyAccount-content #pmpro_account-profile {
display: none;
}
#pmpro_account .pmpro_box h2 {
margin: 1rem 0.5rem 1.5rem;
}
.pmpro_table td.pmpro_account-membership-expiration {
color: #0062eb;
}