/* theme style */
:root {
--black: #000;
--white: #fff;
--text-color: #343434;
--border-color: #eee;
--active-color: #3095fb;
--background-color: #FCFCFC;
--background-color-light: #fd11fb;
--theme-color: #255F12;
--theme-color-dark: #1989fa;
--theme-color-light: #a3d0fd;
--warning-color: #ffa179;
--warning-color-dark: #ff976a;
--warning-color-light: #fffbe8;
--success-color: #20c770;
--success-color-dark: #07c160;
--success-color-light: #b5eccf;
--error-color: #ff5757;
--error-color-dark: #f44;
--error-color-light: #ffc7c7;
--font-size: 16px;
--line-height: 1.4;
--center-width: 1240px;
}
::placeholder {
color: #bfbfbf;
}
a {
color: #444444;
}
a:hover {
color: #255F12;
}
body {
color: #343434;
font-family: Microsoft YaHei;
font-size: 16px;
line-height: 1.4;
background-color:#FCFCFC;background-image:url();background-attachment:scroll;}
.Page {
background-color:#FCFCFC;background-attachment:scroll;}
.Page-header--topbar {
background-color:#2C2C2C;background-attachment:scroll;}
.Page-header {
background-color:rgba(255, 255, 255, 1);background-attachment:scroll;}
.Page-header .Page-header--topbar .top-bar__in .top-bar__body .account a{
color:#444444;
}
.Page-header .Page-header--topbar .top-bar__in .top-bar__body .account a:hover{
color:#255F12;
}
.Page-slot--template-header_in{
width: auto;
}
.Page-header--main.default,
.Page-header--mobile.default {
}
.Page .Page-header .Page-header--main.default {
border-bottom: 1px solid rgba(0, 0, 0, 0.17);
}
.Page-header--main,
.Page-header--mobile {
background-color:#ffffff;background-attachment:scroll;}
.Page-header--main:hover {
background-color: ;
}
.Page-header--main.fixed,
.Page-header--mobile.fixed {
}
.Page-header--main.fixed {
background-attachment:scroll;background-color:rgba(255, 255, 255, 1);}
.Page-header--mobile,
.show-mobile-menu .Page-header::before {
background-attachment:scroll;}
.Page-header--mobile .Page-header--icons li.menu {
color: #3c3c3c;
}
.Page .Page-header .Page-header--main .Page-header--icons li.menu{
color: #3c3c3c;
}
.Page .Page-header .Page-header--main .Page-header--icons li.menu.icon-active,
.Page-header--mobile .Page-header--icons li.menu.icon-active {
color: #3c3c3c;
}
.Page .Page-header .Page-header--main .Page-header--icons li.menu-colse{
color: #000;
}
.Page-header--subheader {
height: 240px;
background-position:center center;background-color:rgba(255, 255, 255, 1);background-attachment:scroll;}
.Page .Page-header .Page-header--icons .menu i{
font-size: initial ;
}
.Page-header--main .cc-menu--nav .cc-menu--item .cc-menu--item__link{justify-content:flex-start;text-align:left;}
.Page-header--mobile .cc-menu--nav .cc-menu--item .cc-menu--item__link{justify-content:flex-start;text-align:left;}
.Page-header--shade .cc-menu--nav .cc-menu--item .cc-menu--item__link{justify-content:flex-start;text-align:left;}
.Page-header--user > a{
color:#444444;
}
.Page-content {
background-attachment:scroll;}
.Page-sidebar {
background-attachment:scroll;}
.Page-footer>.footer {
background-color:#404143;background-attachment:scroll;}
/** 常規版心 */
.container, .cc-row--width__default {
max-width: 1240px;
}
.cc-row--width__row {
padding-left: calc((100% - 1240px) / 2) !important;
padding-right: calc((100% - 1240px) / 2) !important;
}
/** 頭部版心 */
.Page-header .container, .Page-header .cc-row--width__default {
max-width: 1240px;
}
.Page-header .cc-row--width__row {
padding-left: calc((100% - 1240px) / 2) !important;
padding-right: calc((100% - 1240px) / 2) !important;
}
.Page-header--main__in {
padding: 10px 0;
}
h1 {
font-size: 25px;
line-height: 1.4;
font-weight:bold;
color: #444444;
}
h2 {
font-size: 30px;
line-height: 1.4;
font-weight:bold;
color: #444444;
}
h3 {
font-size: 25px;
line-height: 1.4;
font-weight:bold;
color: #444444;
}
h4 {
font-size: 15px;
line-height: 1.4;
font-weight:bold;
color: #444444;
}
h5 {
font-size: 15px;
line-height: 1.4;
font-weight:bold;
color: #444444;
}
h6 {
font-size: 13px;
line-height: 1.4;
font-weight:bold;
color: #444444;
}
.theme-color-text {
color: #255F12;
}
.theme-color-bg {
background-color: #255F12;
}
/* 框式布局 */
.layout-boxed .Page {
max-width: 1240px;
}
/* 文章詳情寬度 */
.Page .posts {
max-width: 1240px;
}
/* 文章相冊主圖與縮略圖間距 */
.Page .posts .posts-body .posts-photos .cc-gallery .cc-gallery--thumbs {
padding: 10px 0;
}
/* 側邊欄寬度 */
body.both-sidebar .Page-sidebar.sidebar-left,
body.left-sidebar .Page-sidebar.sidebar-left
{
width: 23%;
}
body.both-sidebar .Page-sidebar.sidebar-right,
body.right-sidebar .Page-sidebar.sidebar-right
{
width: 23%;
}
/* 內容寬度 */
body.both-sidebar .Page-content {
width: 54%;
}
body.left-sidebar .Page-content {
width: 77%;
}
body.right-sidebar .Page-content {
width: 77%;
}
/* 底部 */
.Page-footer>.footer {
padding: 15px 0;
}
/* 底部工具條 */
.Page-footer > .fixed-toolbar{
padding:0px 0;
}
/* 懸浮廣告窗 */
.Page-widgets > .fixed-toolbar.page-move-fixed{
width:200px;
}
.side-toolbar .toolbar-icon {
background-color: #f6f6f6;
width: 35px;
height: 35px;
}
.side-toolbar > ul > li:hover .toolbar-icon,
.side-toolbar .toolbar-text {
background-color: #f6f6f6;
}
.side-toolbar > ul > li {
margin-bottom: 1px;
}
/** 頭部組件排序 */
.Page-header--main .Page-header--logo {
order: 0;
}
.Page-header--main .Page-header--menu {
order: 1;
}
.Page-header--main .Page-header--widgets {
order: 3;
}
.Page-header--main .Page-slot--template-header_in {
order: 2;
min-width: auto}
.Page .Page-body .Page-content .join{
background-color:#fff;
}
.Page-header--logo img {
max-height: 60px;
width: auto;
}
.header-type-fixed .Page-header .Page-header--main.fixed .Page-header--logo img.all-logo,
.header-type-immersion .Page-header .Page-header--main .Page-header--logo img.all-logo {
max-height: 60px;
width: auto;
}
/** 覆蓋菜單菜單關閉按鈕顏色設置 */
.menu-colse{
color: #000}
/** 產品按鈕 */
.product .checkout-goto {
background-color: var(--theme-color);
}
.product .checkout-goto:hover {
background-color: var(--theme-color-dark);
}
.product .shopping-push {
background-color: var(--error-color);
}
.product .shopping-push:hover {
background-color: var(--error-color-dark);
}
/** 詢價按鈕 */
/** 詢價按鈕懸停樣式 */
/* 產品詳情 */
.Page .Page-body .Page-content .product > .cc-row{
padding: 0 0px;
}
.Page .product .cc-gallery .cc-gallery--top .swiper-zoom-container{
justify-content:center;
}
.Page .product .cc-row--width__default .cc-element--wrapper .cc-textblock .cc-textblock__body{
padding:20px}
.Page .product .cc-row--width__default .product-header{
margin-bottom:0px}
.product .cc-tabs.cc-tabs--line.cc-tabs--position__top .cc-tabs--nav:after{
bottom: 0;
}
.product .product-header .cc-product--attrs .product-info .product-property{
margin: 0px 0;
}
.product-header{
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.product .cc-gallery--top{
max-height: 380px
}
.user-page .field-card{
background-color:#fff;
}
.account .user-avatar::before{
border: 3px solid #fff;
}
.user-page.order .order-item--head{
background-color: #f0f0f0;
}
.user-page .cc-account-sidenav{
background-color:#fff;
}
.user-page .cc-account-sidenav--menu dd{
background-color:#fff;
}
.user-page .cc-account-sidenav--menu dd a{
color:rgba(96, 96, 96, 1);
}
.user-page .cc-account-sidenav--menu dd i{
color: rgba(96, 96, 96, 1);
}
.user-page .cc-account-sidenav--menu dd:hover{
background-color:rgba(214, 214, 214, 1);
}
.user-page .cc-account-sidenav--menu dd:hover i,
.user-page .cc-account-sidenav--menu dd:hover a{
color:rgba(0, 0, 0, 1);
}
.user-page .cc-account-sidenav--menu .current{
background-color:rgba(214, 214, 214, 1);
}
.user-page .cc-account-sidenav--menu .current i,
.user-page .cc-account-sidenav--menu .current a{
color:rgba(0, 0, 0, 1);
}
.Page-header .Page-header--left__fixed .cc-menu .cc-menu--nav .cc-menu--item .cc-menu--item__link,
.Page-header .Page-header--right__fixed .cc-menu .cc-menu--nav .cc-menu--item .cc-menu--item__link,
.Page-header .Page-header--shade .cc-menu .cc-menu--nav .cc-menu--item .cc-menu--item__link,
.Page-header .Page-header--shade .cc-menu .cc-menu--nav .cc-menu--item .cc-menu--item__link{
height: 50px;
line-height:50px;
padding:0px 0;
}
.Page-header .Page-header--left__fixed .cc-menu > .cc-menu--nav > .cc-menu--item > .cc-menu--item__link,
.Page-header .Page-header--right__fixed .cc-menu > .cc-menu--nav > .cc-menu--item > .cc-menu--item__link,
.Page-header .Page-header--shade .cc-menu > .cc-menu--nav > .cc-menu--item > .cc-menu--item__link,
.Page-header .Page-header--shade .cc-menu > .cc-menu--nav > .cc-menu--item > .cc-menu--item__link{
font-size: 16px;
}
.Page-header .Page-header--left__fixed .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item > .cc-menu--item__link,
.Page-header .Page-header--right__fixed .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item > .cc-menu--item__link,
.Page-header .Page-header--shade .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item > .cc-menu--item__link,
.Page-header .Page-header--shade .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item > .cc-menu--item__link{
font-size: 16px;
}
.Page-header .Page-header--left-drawer+ .Page-header--shade,
.Page-header .Page-header--right-drawer+ .Page-header--shade{
background-color:#fff !important;
}
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item > .cc-menu--item__link{
justify-content: center;
}
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav .cc-menu--item > .cc-menu--item__link{
justify-content: center;
text-align: center;
}
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item{
background-color: transparent;
}
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item:hover,
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item.block,
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item.current{
background-color: rgba(37, 95, 18, 1);
}
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item > .cc-menu--item__link{
color: #444444;
}
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item:hover > .cc-menu--item__link,
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item.block > .cc-menu--item__link,
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item.current > .cc-menu--item__link{
color: #ffffff;
}
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item{
background-color: #F2F2F2;
}
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item:hover,
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item.block,
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item.current{
background-color: var(--theme-color-dark);
}
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav .cc-menu--item > .cc-menu--item__link{
color: #5f5f5f;
}
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav .cc-menu--item:hover > .cc-menu--item__link,
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav .cc-menu--item.block > .cc-menu--item__link,
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav .cc-menu--item.current > .cc-menu--item__link{
color: #2e2e2e;
}
/* 小于版心時 */
@media only screen and (max-width: 1240px) {
.container, .cc-row--width__default {
max-width: 98%;
}
.container .container, .cc-row .cc-row--width__default {
max-width: 100%;
}
.layout-boxed .Page {
max-width: calc(100% - 60px);
}
}
/* 自定義分辨率的導航欄 */
@media only screen and (max-width: 767px) {
.Page-header .Page-header--topbar,
.Page-header .Page-header--main,
.Page-header .Page-header--topbar__placeholder,
.Page-header .Page-header--main__placeholder,
.Page-header--logo .all-logo {
display: none;
}
.Page-header--mobile {
display: block;
}
.Page-header-fixed-left>.Page-header{
padding: unset;
float: none;
position: unset;
height: auto;
width: auto;
}
.Page-header--mobile .Page-header--left-drawer~ .Page-header--shade{
width: 80%;
position: fixed;
left: -80%;
height: 100vh;
display: initial;
visibility: hidden;
z-index: 99;
}
.Page-header--mobile .Page-header--right-drawer~ .Page-header--shade{
width: 80%;
position: fixed;
right: -80%;
height: 100vh;
display: initial;
visibility: hidden;
z-index: 99;
}
.Page-header--mobile .Page-header--left-drawer~ .Page-header--shade .Page-header--shade__menu{
width: 100%;
position: static;
}
.Page-header--mobile .Page-header--right-drawer~ .Page-header--shade .Page-header--shade__menu{
width: 100%;
position: static;
}
.Page-header-fixed-left>.Page-body{
float: none;
padding-left: unset;
height:auto
}
.Page-header-fixed-right>.Page-header{
padding: unset;
float: none;
position: unset;
height: auto;
width: auto;
}
.Page-header-fixed-right>.Page-body{
float: none;
padding-left: unset;
height:auto
}
.Page-header--logo .mobile-logo {
display: block;
}
}
@media only screen and (min-width: 768px ){
.Page-header--mobile {
display: none;
}
}
@media only screen and (max-width: 768px ){
.Page-header--mobile .Page-header--left-drawer,
.Page-header--mobile .Page-header--right-drawer{
flex-direction: row-reverse;
}
}
@media only screen and (max-width:767px){
}
@media only screen and (max-width: 767px) {
.Page-header .Page-header--mobile .Page-header--simple,
.Page-header .Page-header--mobile .Page-header--left-drawer,
.Page-header .Page-header--mobile .Page-header--right-drawer {
border-bottom: 1px solid rgba(0,0,0,0);
}
}
@media only screen and (max-width: 767px) {
.cc-textblock table,
.posts .richtext table,
.product .richtext table {
margin: 5px 0 20px 0;
display: block;
width: 100%;
overflow-x: auto;
overflow-y: auto;
min-height:100px;
}
.cc-textblock table tbody,
.posts .richtext table tbody,
.product .richtext table tbody {
display: inline-table;
width: 100%;
height: inherit;
border-width:inherit;
}
.cc-textblock table td,
.posts .richtext table td,
.product .richtext table td {
white-space:nowrap
}
}
@media only screen and (max-width: 767px) {
.Page-header .Page-header--mobile{
background-color: #fff;
}
}
.font-7526a06d122180d52efe9a452a8acf33{font-size:18px !important;font-weight:bold !important;}
.font-3ae14696f82a547cfce841651b67342a{font-size:15px !important;color:#7B7B7B !important;}
2020高清国产毛片在线,国产最爽乱婬视频国语对白,国产精品嫩草影院久久久久,69精品一区二区三区无码吞精,欧美人体视频一区二区三区,