.tbutton.accent,
                    .wbutton,
                    .widget_shopping_cart_content .button,
                    .woocommerce .widget_price_filter .price_slider_amount .button,
                    .woocommerce-page .widget_price_filter .price_slider_amount .button,
                    .woocommerce span.onsale,
                    .woocommerce-page span.onsale,
                    .woocommerce div.product span.price ins,
                    .woocommerce div.product p.price ins,
                    .woocommerce #content div.product span.price ins,
                    .woocommerce #content div.product p.price ins,
                    .woocommerce-page div.product span.price ins,
                    .woocommerce-page div.product p.price ins,
                    .woocommerce-page #content div.product span.price ins,
                    .woocommerce-page #content div.product p.price ins,
                    .sf-menu > li.current_page_item > a,
                    .woocommerce .show_review_form.button,
                    #form-comment #submit,
                    nav.woocommerce-pagination ul li a:hover,
                    nav.woocommerce-pagination ul li span.current,
                    .wpcf7-submit:hover {color: #fff;	background-color: #5486da ;
                    }
                    a:hover,
                    .fancy-features-list li.active a, 
                    .fancy-features-list li.active a i,
                    .preve:hover, .nexte:hover,
                    .breadcrumbIn ul li a:hover,
                    .active_link,
                    .foot-menu li a:hover,
                    .post_meta a:hover,
                    .post_more,
                    .languages a:hover,
                    .languages:hover > a,
                    .ht-icon.gray-scale:hover,
                    .other_languages a:hover,
                    .widget_categories ul li:hover,
                    .widget_archive ul li:hover,
                    .services [class^="grid_"]:hover .s_icon,
                    .services div:hover .s_icon i,
                    .services [class^="grid_"]:hover .tbutton:hover,
                    .services div:hover .tbutton:hover,
                    .widget_search .search-box button:hover,
                    #newsletters button:hover,
                    .thumb-list .post-meta,
                    .recent-tweets li i,
                    .f_portfolio .inner a,
                    .portfolio .inner a,
                    .big-slider .flex-direction-nav a:hover i,
                    .f_portfolio .prev-holder:hover,
                    .f_portfolio .next-holder:hover,
                    .projectslider .flex-direction-nav a:hover i,
                    .countdown li p.timeRefDays,
                    .countdown li p.timeRefHours,
                    .countdown li p.timeRefMinutes,
                    .countdown li p.timeRefSeconds,
                    .pricing-table .head h4,
                    .tbutton:hover,
                    .wbutton:hover,
                    #toTop:hover,
                    .page-content .search-box button:hover,
                    .page-content .search-box button:focus,
                    .woocommerce ul.products li.product .price,
                    .woocommerce-page ul.products li.product .price,
                    .woocommerce div.product span.price,
                    .woocommerce div.product p.price,
                    .woocommerce #content div.product span.price,
                    .woocommerce #content div.product p.price,
                    .woocommerce-page div.product span.price,
                    .woocommerce-page div.product p.price,
                    .woocommerce-page #content div.product span.price,
                    .woocommerce-page #content div.product p.price,
                    .woocommerce div.product span.price,
                    .woocommerce div.product p.price,
                    .woocommerce #content div.product span.price,
                    .woocommerce #content div.product p.price,
                    .woocommerce-page div.product span.price,
                    .woocommerce-page div.product p.price,
                    .woocommerce-page #content div.product span.price,
                    .woocommerce-page #content div.product p.price,
                    .product_meta a:hover,
                    .widget ul li.current-menu-item a,
                    .dark-layout .shop_table input[type="submit"]:hover,
                    .dark-layout input[type="reset"]:hover,
                    #form-comment #submit:hover,
                    .tbutton.accent:hover {
	color:#5486da;
}
.tbutton.accent:hover,
                    input[type=text]:focus,textarea:focus,
                    input[type=email]:focus,
                    .wpcf7-text:focus,
                    .wpcf7-number:focus,
                    .wpcf7-date:focus,
                    .wpcf7-select:focus,
                    #toTop:hover,
                    .languages a:hover,
                    .languages:hover > a,
                    .other_languages,
                    #track_input:focus, 
                    #contactForm #senderName:focus,
                    #contactForm #senderEmail:focus,
                    #contactForm #message:focus,
                    #contactForm #sendMessage:hover,
                    #sendOrder:hover,
                    #contactForm #comment-button:hover,
                    .sf-menu > li:hover > a,
                    .sf-menu > li > a:hover,
                    .sf-menu li.current-menu-parent > a,
                    .current_page_item > a,
                    .wp-pagenavi a:hover,
                    .wp-pagenavi .current,
                    .services [class^="grid_"]:hover .tbutton,
                    .services [class^="grid_"]:hover .tbutton:hover,
                    .fancy_testimonial li.active a .testimonial-img-wrap,
                    .widget > ul li.current a,
                    .widget ul li:hover > a,
                    .widget ul ul li:hover > a,
                    .widget ul ul ul li:hover > a,
                    .widget_search .search-box input:focus,
                    #newsletters input:focus,
                    .coupon_input:focus,
                    .flickr a:hover img,
                    .widget_tag_cloud a:hover,
                    .widget_product_tag_cloud a:hover,
                    .filterable li.current a,
                    .filterable li a:hover,
                    .f_portfolio .prev-holder:hover,
                    .f_portfolio .next-holder:hover,
                    .wpb_content_element.wpb_tabs .wpb_tabs_nav li.ui-state-active,
                    .wpb_content_element.wpb_tour .wpb_tabs_nav li.ui-state-active,
                    .load_more_portfolio a:hover,
                    ul.showcomments .reply a:hover,
                    #commentform input:focus,
                    #commentform textarea:focus,
                    #commentform .send-message:hover,
                    .tbutton:hover,
                    .wbutton:hover,
                    .featured_table,
                    .ht-icon.gray-scale:hover,
                    .post-area .search-box button:hover,
                    .post-area .search-box button:focus,
                    .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
                    .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
                    .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active,
                    .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
                    #form-comment #submit,
                    .tbutton.accent:hover,
                    nav.woocommerce-pagination ul li a:hover,
                    nav.woocommerce-pagination ul li span.current,
                    .wpcf7-submit:hover {
	border-color:#5486da;
}
.tipsy-n .tipsy-arrow:before,
                    .fancy_testimonial li.active:after,
                    .widget > ul li.current a,
                    .widget ul li:hover > a,
                    .widget ul ul li:hover > a,
                    .widget ul ul ul li:hover > a,
                    .widget_categories ul li:hover,
                    .widget_product_categories ul li:hover,
                    .widget_archive ul li:hover,
                    .widget ul li.current-menu-item a,
                    #recentcomments li.recentcomments:hover,
                    .fancy_testimonial ul {
	border-bottom-color:#5486da
}
.tipsy-s .tipsy-arrow:before,
                    .action,
                    .dark_action,
                    .tipsy-e .tipsy-arrow:before {
	border-top-color:#5486da;
}
.tipsy-w .tipsy-arrow:before {
	border-right-color:#5486da;
}
.labele {
	border-left-color:#5486da;
}
.sf-menu li li {
	border-top-color:#6693de;
	border-bottom-color:#4c79c4;
}
.sf-menu ul li:hover,
                    .sf-menu li .current-menu-item,
                    .sf-menu li .current_page_item
                     {
	background-color:#436bae;
}
.vc_progress_bar .vc_single_bar.accent .vc_bar,
                    #commentform .send-message:hover,
                    .tbutton,
                    .table tfoot td,
                    .tipsy-inner,
                    #mobilepro,
                    #contactForm #sendMessage:hover, #sendOrder:hover,
                    #contactForm #comment-button:hover,
                    .sf-menu ul li,
                    .sf-menu > li:hover > a, .sf-menu > li > a:hover,
                    .sf-menu > li.current-menu-parent > a,                 
                    ul.mega,
                    .sf-menu .mega li:hover, .sf-menu .mega li.current,
                    .f_blog .f_hover,
                    .post-links a:hover i,
                    .related_posts a span,
                    .related_posts a:hover span,
                    .wp-pagenavi a:hover, 
                    .wp-pagenavi .current,
                    .services [class^="grid_"]:hover .s_icon span,
                    .services [class^="grid_"]:hover .tbutton,
                    .widget_tag_cloud a:hover,
                    .widget_product_tag_cloud a:hover,
                    #wp-calendar td:hover,
                    #wp-calendar tfoot td:hover,
                    #wp-calendar tfoot td:hover a,
                    #wp-calendar td#today,
                    #wp-calendar td#today:hover a,
                    .filterable li.current a, .filterable li a:hover, .load_more_portfolio a:hover,
                    .f_portfolio .f_hover, 
                    .portfolio .f_hover,
                    .project_links a:hover i,
                    .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section .ui-state-default .ui-icon,
                    .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section .ui-state-active .ui-icon,
                    h4.wpb_toggle span,
                    .wpb_content_element.wpb_tabs .wpb_tabs_nav li.ui-state-active,
                    .wpb_content_element.wpb_tour .wpb_tabs_nav li.ui-state-active,
                    ul.showcomments .reply a:hover ,
                    .featured_table .recommended,
                    .big-slider h3,
                    .big-slider p,
                    .services [class^="grid_"]:hover span.fa-check,
                    .table th,
                    .woocommerce ul.product_list_widget li ins,
                    .woocommerce-page ul.product_list_widget ins,
                    .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
                    .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
                    .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active,
                    .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
                    .dark-layout .shop_table input[type="submit"]:hover,
                    .dark-layout input[type="reset"]:hover,
                    .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
                    .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content,
                    .woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
                    .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle
                     {
	/**/background-color: #5486da ;
}

@media only screen and (max-width: 960px) {
	.sf-menu {
		/*background-color:#5486da;*/
	}
}.f_blog .f_hover,
                    .f_portfolio .f_hover, 
                    .portfolio .f_hover,
                    .big-slider h3,
                    .big-slider p,
                    .related_posts a span {
	background: rgba(84,134,218 ,0.7);
}
.widget:not(.widget_archive):not(.widget_categories):not(.widget_product_categories) > ul li.current a,
                    .widget:not(.widget_archive):not(.widget_categories):not(.widget_product_categories) ul li:hover > a,
                    .widget_categories li:hover,
                    .widget_archive li:hover,
                    .product-categories li:hover,
                    #recentcomments li.recentcomments:hover,
                    .widget ul li.current-menu-item a,
                    .widget ul ul li:hover > a,
                    .widget ul ul ul li:hover > a {
	background: rgba(84,134,218 ,0.07);
}
.table tr:hover, tr.topic-sticky {
	background: rgba(84,134,218 ,0.2);
}
::-moz-selection {
	background: #5486da;
}
::selection {
	background: #5486da;
}
#showknowledge{display:none;}
.meta_box h3 a{color:#587704;font-size:125%;font-weight:normal;}/*font-weight:500%;*/
.meta_box h3 a:hover{color:#EF6B17;font-size:125%;font-weight:normal;}/*font-weight:500%;*/

.proend div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0;
    font-size:20px;
    font-weight: bold;
}


/*修改width: 64.667%;產品大圖片區域設定* 到底下的右側說明寬度也要設定 相加不能大於97%*/
.proend div.product div.images {
    margin-bottom: 2em;
    /*width: 64.667%;*/
    width: 40.00%;
    display: inline;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}
/*產品大圖片設定*/
.proend div.product div.images img {
    display: block;
    width: 100%;
    height: auto;
	border-radius: 5px
}

/*這裡width: 31.333%;是右側的寬度設定 要配合配合上方*/
.proend div.product div.summary{
    float: right;
    width: 55.0%;
    display: inline;
    margin-left: 1%;/*margin-left: 1%;*/
    margin-right: 5px;/*margin-right: 1%;*/
    position: relative;
}

 .proend ul.product_list_widget li {
    padding: 15px 0 10px !important;
    margin: 0;
    list-style: none;
    background: none !important;
}

 .proend ul.product_list_widget li:after {
    content: "";
    display: block;
    clear: both
}

.proend ul.product_list_widget li a {
    display: block;
    padding-bottom: 5px;
    border: none;
}

.proend ul.product_list_widget li img {
    float: left;
    width: 60px;
    height: auto;
    margin: 0 15px 5px 0;
    border: 1px solid #CCCCCC;
    border-radius: 5px;/*border-radius: 10px;*/
    padding: 1px;/* padding: 2px;*/
}

.proend {
    list-style: none outside;
    padding: 0;
    margin: 0
}