@charset "utf-8";

.headerBox {
    background-color: #336699;
    color: #FFF;
}

#qLoverlay {
    background-color: #004870 !important;
}

.bg_gradient,
.divider_type_2,
.gradient_line,
#qLbar {
    background-color: #82c9e8;
    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: #336699;
}

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: #FF9933;
}

.translucent_bg_color_scheme,
.translucent_bg_color_scheme.image_fixed:before {
    background-color: rgba(204, 0, 0, 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: #336699;
}

.dropdown_2_container.login .dropdown_2:before {
    border-bottom-color: #336699;
}

.dropdown_2_container.login .dropdown_2 {
    border-top-color: #336699;
}

.owl-pagination>div {
    border: 1px solid #336699;
}

.tabs_nav .active+li a {
    border-left-color: #41bedd;
}

.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: #F5F5F5;
    color: #666;
}

.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: #336699;
}

.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: #336699;
}

[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: #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 {
    background: #ecf0f1;
}

.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: #285179;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    color: #FFF;
}

#back_to_top:hover {
    background-color: #333;
}

.gradient_line {
    background-color: #036;
}

.linkBox {
    background-color: #F9F9F9;
}

.sec_products {
    background-color: #EFEFEF;
}

.tabs_nav {
    background-color: #FFF;
}

.productsTitle {
    color: #285179;
}

.heading_1 {
    color: #666666;
}

.heading_1 .bread {
    color: #666;
}

.indexServiceItem .title {
    color: #333;
}

.indexNewsItem .list {
    color: #333;
}

.indexNewsItem .list:hover {
    color: #285179;
}

.indexNewsItem .newsDate {
    color: #F60;
}

.headerBox .mail {
    color: #FFF;
}

.headerBox .mail:hover {
    color: #FFC;
}

.headerBox .socialicon:hover {
    color: #336699;
}

.langBox {
    background-color: #336699;
}

.langBox a {
    color: #FFF;
    background-color: #336699;
}

.langBox a:hover i {
    color: #336699;
}

.langBox .sub_menu {
}

.contact_info_list {
}

.contact_info_list a {
    color: #FFF;
}

#nav a {
    color: #000;
}

#nav a:hover,
#nav .current>a,
#nav ul li:hover>a {
    background-color: #3471B0;
    color: #fff;
}

.main_menu>li>a:after {
    background-color: #336699;
}

.searchForm {
    background-color: #FFF;
}

.search_btn,
.search_cancel_btn {
    color: #CCC;
}

.search_btn:hover,
.search_cancel_btn:hover {
    color: #828282;
}

.button_type_2 {
}

.button_type_2:hover {
    color: #FFF;
    background-color: #285179;
    border: 1px solid #285179;
}

.arrowColor1 {
    color: #999;
}

.arrowColor2 {
    color: #9B9B9B;
}

.arrowColor3 {
    color: #333;
}

.arrowColor4 {
    color: #1e63a2;
}

.arrBtn {
    color: #FFF;
    background-color: #069;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

.arrBtn:hover {
    background-color: #333;
}

.googleMapBtn {
    border-top-color: #CCC;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    border-left-color: #CCC;
    color: #999;
}

.titler_style1 {
    border-bottom-color: #EAEAEA;
}

.titler_style1:after {
    background-color: #3A7CAB;
}

.navigation-field li a {
    color: #336699;
    background-color: #f7f7f7;
}

.navigation-field li a:hover,
.navigation-field li.active a,
.navigation-field li.active a .arrowColor2 {
    color: #fff;
    background-color: #4381bf;
}

.navigation-field li a:hover span {
    color: #fff;
}

#nav a:hover i,
#nav .current i,
#nav ul li:hover>a i {
    color: #fff;
}

.social_icons a:hover {
    color: #336699;
}

.footer-nav ul li a {
    color: #686868;
}

.footer-nav ul li a:hover {
    color: #336699;
}

.bannerViewBtn,
.bannerViewBtn:hover {
    background-color: #336699 !important;
    color: #FFF !important;
}

.header_bottom_part {
    background-color: #fff;
}

.header-style-3 #nav {
    background-color: #f5f5f5;
}

/* -----------------------------------

    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;
}

body {
    background-image: url('../images/common/default-background.png');
}