@charset "utf-8";
/* CSS Document */
/* -----------------------------------

	3. Colors

------------------------------------- */
#qLoverlay {
	background-color: #000 !important;
}
::selection {
	background: #F90;
}
/* scheme color*/
.bg_gradient, .divider_type_2, .gradient_line, #qLbar {
	background-color: #CCC;
	background-position: left;
}
a, a:not([class*="_hover"]):hover, .main_menu .current > a, .md_no-touch .main_menu li:hover > a, .md_touch .main_menu .touch_open_sub > a, .main_menu > .current_click > a, .sub_menu .current_click > a, blockquote.type_2:before, .thumbnails_container > ul > .active article > p, .thumbnails_container > ul > li:hover article > p, blockquote.type_2 > p:last-of-type:after, .main_menu li:hover > a i[class|="icon"], a:not([class*="_hover"]):hover [class*="icon_wrap"][class*="color_"], a:not([class*="_hover"]):hover [class|="icon"][class*="color_"], .categories_list li:hover > a, .categories_list li:hover > a > *, .color_scheme, .color_scheme_hover:hover, .color_scheme_hover:hover [class*="color_"], .dropdown_2_container.login:hover > [class*="icon_wrap_"] > [class|="icon"] {
 color:#FFF;
}
.container a {
	color: #666;
}
.container a:hover {
	color: #F93;
}
mark, #open_switcher, .bg_color_blue, .tabs_nav .active a, .owl-pagination > .active, .bg_color_blue_hover:hover, .p_table.bg_color_blue_hover.active, [class*="icon_wrap_"].animation_fill.color_scheme:before {
	background-color: #999999;
}
.translucent_bg_color_scheme, .translucent_bg_color_scheme.image_fixed:before {
	background-color: rgba(51,51,51,0.7);
}
.tabs_nav .active a, .accordion_item.active, .owl-pagination > .active, .p_table.bg_color_blue_hover:hover, .p_table.bg_color_blue_hover.active, .color_scheme_hover:not(.color_light):hover, .color_scheme_hover:hover [class*="color_"], .dropdown_2_container.login:hover > [class*="icon_wrap_"] {
 background-color: #333333;
}
.dropdown_2_container.login .dropdown_2:before {
	border-bottom-color: #333333;
}
.dropdown_2_container.login .dropdown_2 {
	border-top-color: #333333;
}
.owl-pagination > div {
	border: 1px solid #333333;
}
.tabs_nav .active + li a {
	border-left-color: #41bedd;
}
/* other colors */
.color_default {
	color: #606366;
}
.color_black, .color_black_hover:hover {
	color: #000;
}
.color_grey_light, .accordion_item:not(.active) dt [class*="icon_wrap"] {
	color: #CCCCCC;
}
.color_grey_light_2 {
	color: #d1d5d8;
}
.color_grey_light_3 {
	color: #ecf0f1;
}
.color_grey_light_4 {
	color: #cbd0d4;
}
.color_grey_light_5 {
	color: #bfc4c8;
}
.color_grey, .tweet_time a {
	color: #899096;
}
mark, .color_light, .social_icons a:hover, .tabs_nav .active a, .checkout_video:hover *, .paginations .active a, .color_light_hover:hover, .paginations li a:hover, .step:hover .step_counter, .link_container:hover [class*="icon_wrap_"], .p_table:hover > *:not([class*="button_type"]), .p_table.active > *:not([class*="button_type"]), .steps_nav li .animation_fill.type_2, [class*="button_type_"].transparent:not(.color_light):hover, [class*="button_type_"]:not(.transparent), .animation_fill[class*="color_"]:hover, .item_services h6:hover .animation_fill {
	color: #fff;
}
.color_light, .p_table:hover .pt_icon, .p_table.active .pt_icon, .p_table:hover [class*="button_type"], .p_table.active [class*="button_type"], .link_container:hover [class*="icon_wrap_"] {
	border-color: #fff;
}
.color_light_2 {
	color: #f7f9f9;
}
.color_dark, .tweet_text a:hover, .color_dark_hover:hover, .select_list li:hover, [class*="button_type_"].color_dark, .breadcrumbs li a.color_default:hover {
	color: #34383d;
}
.breadcrumbs li a.color_default:hover {
	border-color: #34383d;
}
[class*="button_type_"].color_dark, .accordion_item:not(.active) dt [class*="icon_wrap"] {
	border-color: #bdc3c7;
}
.translucent_bg_color_dark, .translucent_bg_color_dark.image_fixed:before {
	background: rgba(0,0,0,.7);
}
.color_grey_light[class*="icon_wrap"] {
}
.checkout_video:hover .video_button i[class|="icon"], .color_purple, .step:hover h3, blockquote.type_3:before, blockquote.type_3 > p:last-of-type:after, .color_purple_hover:hover, .category_link:hover .category_title, .color_purple [class*="icon_wrap_"], [class*="button_type_"]:not(.transparent).color_purple:hover {
	color: #666666;
}
.border_color_purple, .paginations .active a, .paginations .active:last-child a, .paginations li a:hover, .paginations li:last-child a:hover, .step:hover .step_counter, [class*="icon_wrap_"].color_purple, .color_purple [class*="icon_wrap_"], [class*="button_type"].color_purple, .bg_color_purple_hover:hover, .p_table.bg_color_purple_hover:hover, .p_table.bg_color_purple_hover.active, [class*="icon_wrap_"].color_purple_hover:hover, [class*="button_type"].color_purple_hover:not(.color_light):hover {
	border-color: #333333;
}
.paginations .active + li a, .paginations li:hover + li a {
}
.bg_color_purple, .paginations .active a, .paginations li a:hover, .step:hover .step_counter, .title_counter_type:before, .bg_color_purple_hover:hover, .animation_fill.color_purple:before, .p_table.bg_color_purple_hover.active, [class*="button_type_"].transparent.color_purple:hover, [class*="button_type_"].color_purple:not(.transparent) {
	background-color: #333333;
}
.translucent_bg_purple, .translucent_bg_purple.image_fixed:before {
	background-color: rgba(78,76,160,.7);
}
.color_pink, .color_pink_hover:hover, .color_pink_hover:hover [class*="color_"], [class*="button_type_"].color_pink:not(.transparent):hover, .dropdown_2_container.shoppingcart:hover > [class*="icon_wrap_"] > [class|="icon"] {
 color:#a255c4;
}
.border_color_pink, [class*="icon_wrap_"].color_pink, .color_pink_hover:hover [class*="icon_wrap_"], [class*="button_type_"].color_pink, .p_table.bg_color_pink_hover:hover, .p_table.bg_color_pink_hover.active, [class*="button_type_"].color_pink_hover:not(.color_light):hover, [class*="icon_wrap_"].color_pink_hover:hover, .dropdown_2_container.shoppingcart:hover > [class*="icon_wrap_"] {
 border-color:#a255c4;
}
.dropdown_2_container.shoppingcart .dropdown_2:before {
	border-bottom-color: #a255c4;
}
.dropdown_2_container.shoppingcart .dropdown_2 {
	border-top-color: #a255c4;
}
.bg_color_pink, .ui-slider-range, .bg_color_pink_hover:hover, .p_table.bg_color_pink_hover.active, .animation_fill.color_pink:before, [class*="button_type_"].transparent.color_pink:hover, [class*="button_type_"].color_pink:not(.transparent) {
	background: #a255c4;
}
.color_green, .color_green_hover:hover, [class*="button_type_"].color_green_hover:hover, [class*="button_type_"].color_green:not(.transparent):hover {
	color: #2ecc71;
}
.select_button_left, input:not([type="submit"]).success, [class*="button_type_"].color_green_hover:hover, [class*="button_type_"].color_green {
	border-color: #2ecc71;
}
.bg_color_green, [class*="button_type_"].color_green.transparent:hover, [class*="button_type_"].color_green:not(.transparent) {
	background: #2ecc71;
}
.translucent_bg_green, .translucent_bg_green.image_fixed:before {
	background-color: rgba(39,174,96,.7);
}
.bg_color_dark_green {
	background: #00a847;
}
.color_blue, .color_blue_hover:hover, [class*="button_type_"].color_blue:not(.transparent):hover {
	color: #fff;
}
.main_menu > li > a, #menu_button.color_blue, [class*="icon_wrap_"].color_blue, [class*="button_type_"].color_blue, [class*="icon_wrap_"].color_blue_hover:hover, [class*="button_type_"].color_blue_hover:hover {
	border-color: #fff;
}
[class*="button_type_"].transparent.color_blue:hover, [class*="button_type_"].color_blue:not(.transparent), .animation_fill.color_blue:before {
	background: #55c0db;
}
.color_red, .required:after, .required_l:before, .color_red_hover:hover, .color_red_hover:hover [class*="color_"], [class*="button_type_"].color_red:not(.transparent):hover {
	color: #e74c3c;
}
.bg_color_red, [class*="button_type_"].transparent.color_red:hover, [class*="button_type_"].color_red:not(.transparent) {
	background: #e74c3c;
}
input:not([type="submit"]).error, [class*="button_type_"].color_red, .blog_side_button[class*="border_"]:hover {
	border-color: #e74c3c;
}
.translucent_bg_red, .translucent_bg_red.image_fixed:before {
	background-color: rgba(231,76,60,.9);
}
.color_yellow, [class*="button_type_"].color_yellow:not(.transparent):hover {
	color: #f1c40f;
}
.color_light_green {
	color: #27ae60;
}
[class*="button_type_"].color_yellow, .p_table.bg_color_yellow_hover:hover, .p_table.bg_color_yellow_hover.active {
	border-color: #f1c40f;
}
.bg_color_yellow, .bg_color_yellow_hover:hover, .p_table.bg_color_yellow_hover.active, [class*="button_type_"].color_yellow:not(.transparent), [class*="button_type_"].color_yellow.transparent:hover {
	background: #f1c40f;
}
.color_dark_blue {
	color: #3498db;
}
.bg_color_dark_blue {
	background: #3498db;
}
.bg_color_dark {
	background: #161618;
}
input:not([type="submit"]).info {
	border-color: #3498db;
}
.translucent_bg_orange, .translucent_bg_orange.image_fixed:before {
	background-color: rgba(219,175,0,.7);
}
.color_orange {
	color: #e67e22;
}
input:not([type="submit"]).warning {
	border-color: #e67e22;
}
.bg_light, [class*="button_type_"].transparent.color_light:hover, .p_table:hover [class*="button_type"], .p_table.active [class*="button_type"] {
	background-color: #FFF;
}
.bg_light_2, .md_no-touch .sub_menu li:hover > a, .sub_menu .current > a, .sub_menu .touch_open_sub > a, table:not(.table_type_9) tr:hover, .categories_list ul a:hover, .sub_menu .current_click > a {
	background: #f7f9f9;
}
.bg_light_3, .category_link:hover .category_title, .thumbnails_container > ul > .active, .thumbnails_container > ul > li:hover {
	color: #FFF;
	background-color: #000;
}
.bg_light_3 a{
	color: #CCC;
}
.bg_light_3 a:hover{
	color: #F90;
}
.bg_light_4 {
	background: #e3e7e9;
}
.facebook:hover, .facebook_static_color {
	background: #39599f;
	border-color: #39599f;
}
.twitter:hover, .twitter_static_color {
	background: #40bff5;
	border-color: #40bff5;
}
.googleplus:hover, .googleplus_static_color {
	background: #eb5b4c;
	border-color: #eb5b4c;
}
.pinterest:hover, .pinterest_static_color {
	background: #b8242a;
	border-color: #b8242a;
}
.dribbble:hover, .dribbble_static_color {
	background: #e65992;
	border-color: #e65992;
}
.flickr:hover, .flickr_static_color {
	background: #ff1981;
	border-color: #ff1981;
}
.youtube:hover, .youtube_static_color {
	background: #cd322c;
	border-color: #cd322c;
}
.vimeo:hover, .vimeo_static_color {
	background: #44bbff;
	border-color: #44bbff;
}
.instagram:hover, .instagram_static_color {
	background: #a47a5e;
	border-color: #a47a5e;
}
.linkedin:hover {
	background: #328dd3;
	border-color: #328dd3;
}
.facebook_color:hover * {
	color: #39599f !important;
}
.twitter_color:hover * {
	color: #40bff5 !important;
}
.googleplus_color:hover * {
	color: #eb5b4c !important;
}
.pinterest_color:hover * {
	color: #b8242a !important;
}
.label.color_scheme {
	background: #e6f7fb;
}
.label.color_pink {
	background: #f6eef9;
}
.rss {
	background: #e67e22;
	border-color: #e67e22;
}
::-webkit-scrollbar-thumb {
 background: #666;
}
#back_to_top {
	background-color: #333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
}
#back_to_top:hover {
	background-color: #757575;
}
.gradient_line {
	color: #FFF;
}
.linkBox {
	background-color: #F9F9F9;
}
.sec_products {
	background-color: #333333;
	color: #FFF;
}
.sec_products a {
	color: #CCC;
}
.sec_products a:hover {
	color: #FFC;
}
.sec_products .button_type_2 {
}
.sec_products .button_type_2:hover {
	background-color: #999;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}
.tabs_nav {
	background-color: #FFF;
}
/* -----------------------------------

	pages頁簽

------------------------------------- */
.pages a {
	border: 1px solid #666;
	color: #666;
	background-color: #FFF;
}
.pages a:hover {
	color: #FFFFFF !important;
	background-color: #666;
}
.pages span.ft {
	color: #FFFFFF;
	background-color: #666;
	border: 1px solid #666;
}
.pages span.disabled {
	border: 1px solid #CCCCCC;
	color: #CCCCCC;
	background-color: #FFF;
}
.productsTitle {
	color: #F60;
}
.heading_1 {
	color: #F60;
}
.heading_1 .bread {
	color: #666;
}
.indexServiceItem .title {
	color: #333;
}
.indexNewsItem .list {
	color: #333;
}
.indexNewsItem .list:hover {
	color: #E35B00;
}
.indexNewsItem .newsDate {
	color: #F60;
}
.headerBox {
	background-color: #666666;
	color: #FFF;
}
.headerBox .mail {
	color: #FFF;
}
.headerBox .mail:hover {
	color: #FFC;
}
.headerBox .socialicon:hover {
    color: #666666;
}
.langBox {
	background-color: #666666;
}
.langBox a {
	color: #FFF;
	background-color: #666666;
}
.langBox a:hover i {
	color: #F93;
}
.langBox .sub_menu {
	
}
.contact_info_list {
}
.contact_info_list a {
	color: #FFF;
}
#nav {
}
#nav a {
	color: #FFF;
}
#nav a:hover,.main_menu > li:hover > a,#nav .current {
	background-color: #464646;
}
.main_menu > li > a:after {
	background-color: #FFFFFF;
}
.searchForm {
	background-color: #000;
}
.search_btn,.search_cancel_btn {
	color: #FFF;
}
.search_btn:hover,.search_cancel_btn:hover {
	color: #999;
}
.button_type_2{
}
.button_type_2:hover {
	color: #FFF;
	background-color: #333;
	border: 1px solid #333;
}
.arrowColor1 {
	color: #999;
}
.arrowColor2 {
    color: #9B9B9B;
}
.arrowColor3 {
	color: #333;
}
.arrowColor4 {
	color: rgba(254, 139, 0, 1);
}
.arrBtn {
	color: #FFF;
	background-color: #999;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.arrBtn:hover {
	background-color: #B7B7B7;
}
.googleMapBtn {
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	color: #999;
}
.header_bottom_part {
	color: #FFF;
	background-color: #000;
}
.sub_menu {
	background-color: #000;
}
.icon-angle-down {
	color: #F90;
}
.icon-angle-down:hover {
}
.newsClass {
	background-color: #F90;
}
.titler_style1 {
	border-bottom-color: #EAEAEA;
}
.titler_style1:after {
	background-color: #333;
}
.navigation-field li a
{
    color: #000;
    background-color: #f7f7f7;
}
.navigation-field li a:hover,
.navigation-field li.active a,
.navigation-field li.active a .arrowColor2
{
    color: #fff;
    background-color: #000;
}

.navigation-field li a:hover span
{
    color: #fff;
}
.social_icons a:hover
{
    color: #F90;
}
.footer-nav ul li a
{
    color: #fff;
}
.footer-nav ul li a:hover
{
    color: #F90;
}
.bannerViewBtn,.bannerViewBtn:hover
{
    background-color: #F90 !important;
    color: #FFF !important;
}
.header-style-3 #nav
{
    background-color: #1F1F1F;
}