/*
	Template Name: BizCraft Responsive HTML5/CSS3 Template
	Author: tripples
	Author URI: http://shapebootstrap.net/user/tripples
	Description: BizCraft Responsive HTML5/CSS3 Template.
	Version: 1.0
*/

/* Table of Content
==================================================
1.	Global Styles
2. 	Typography
3. 	Common Styles
4.	Header area
5.	Slideshow
6.	Services and Features
7.	Image Block
6.	About (Landing and Featured Tab)
9.	Portfolio
10.	Counter
11.	Team
12.	Pricing
13.	Testimonial
14. Video block
15.	Recent Post
16. Clients
17. Twitter
18. Contact
19. Footer
20. Copyright
21. Sub pages
22. Blog
23. Landing page
24.	Style Swithcer (you can delete the css)
*/

@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);

@font-face {
    font-family: 'JaapokkiRegular', '微軟正黑體';
    src: url('../fonts/jaapokki/jaapokki-regular.eot');
    src: url('../fonts/jaapokki/jaapokki-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/jaapokki/jaapokki-regular.woff') format('woff'), url('../fonts/jaapokki/jaapokki-regular.ttf') format('truetype'), url('../fonts/jaapokki/jaapokki-regular.svg#JaapokkiRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*-- Global styles --*/
body{
    font-size:1em;
}

h1 {
    font-size: 3.6em;
}

h2 {
    font-size: 3.2em;
}

h3 {
    font-size: 2.0em;
    font-weight: 400;
    line-height:40px;
}

h4 {
    font-size: 1.8em;
}

h5 {
    font-size: 1.4em;
}

h1.queryTitle {
    font-size: 4.8em;
}

.form-group label.query-label {
    font-size: 1.8em;
}

/*-- mainmenu --*/
ul.navbar-nav > li > a{
    font-family: 'JaapokkiRegular', '微軟正黑體';
}

.dropdown-menu .dropdown-item {
    font-family: 'JaapokkiRegular', '微軟正黑體';
}

.ts-flex-slider .flex-direction-nav a {
    font-size: 3.2em;
}

/*-- Deafult title --*/
.title-icon {
    font-size: 3.2em;
}

.title-desc {
    font-family: 'Lato', serif, '微軟正黑體';
    font-size: 1.6em;
    font-weight: 400;
    text-transform: capitalize;
}


/* business */
.business-icon {
    font-size: 2.8em;
}

.check-list {
    font-size: 2.2em;
}

.business-content a h3 {
    font-size: 2.4em;
}

.business-content p {
    font-size: 1.6em;
}

/* Banner area */
.banner-title-content h2 {
    font-size: 3.2em;
}

.banner-title-content .breadcrumb {
    font-size: 1.6em;
}

.appli-item-title {
    font-size: 0.75em;
}

/* Input form */
.form-group label {
    font-size: 1.6em;
}
.form-control {
    font-size: 1.4em;
}

/* table */
.table th,
.table td {
    font-size: 2.0em;
}

/* Button variation */
.btn.btn-primary {
    font-size: 1.8em;
    text-transform: uppercase;
}

.btn.btn-success {
    font-size: 1.8em;
    text-transform: uppercase;
}

.btn.btn-danger {
    font-size: 1.8em;
    text-transform: uppercase;
}

/* Footer */
.footer {
    font-size: 1.8em;
}

/* Copyright */
.copyright-info {
    font-size: 1.6em;
}

/* back-to-top */
#back-to-top .btn.btn-primary {
    font-size: 1.4em;
}

@media (min-width: 1200px) {
    .navbar-brand a h1 {
        font-size: 3.0em;
    }

    .info li a {
        font-size: 1.8em;
    }

    ul.navbar-nav > li > a {
        font-size: 2.0em;
    }

    .dropdown-menu .dropdown-item {
        font-size: 2.0em;
    }

    .slides .slider-content h2 {
        font-size: 3.0em;
    }

    .heading h2.title {
        font-size: 3.6em;
        line-height: 38px;
    }

    .service-content {
        font-size: 2.6em;
    }

        .service-content h3 {
            font-size: 1em;
        }

        .service-content .service-icon {
            font-size: 2.8em;
            height: 160px;
            width: 160px;
        }

            .service-content .service-icon i {
                line-height: 150px;
            }

    .widget-title {
        font-size: 1.4em;
    }

    .widget-content {
        font-size: 1.0em;
    }

    .siteContent h3 {
        font-size: 2.8em;
    }

    .siteContent p {
        font-size: 2.0em;
    }

    .siteContent > ul > li,
    .siteContent > ol > li {
        font-size: 1.8em;
    }

    #h1Title div a h1 {
        font-size: 3.6em;
    }

    p.queryTitle {
        font-size: 2.0em;
    }

    p.querySubTitle {
        font-size: 1.8em;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .navbar-brand a h1 {
        font-size: 2.4em;
    }

    .topbar.navbar-fixed-top {
        display: none;
    }

    ul.navbar-nav > li > a {
        font-size: 2.4em;
    }

    .dropdown-menu .dropdown-item {
        font-size: 2.0em;
    }

    .slides .slider-content h2 {
        font-size: 2.4em;
    }

    .heading h2.title {
        font-size: 3.4em;
        line-height: 36px;
    }

    .service-content {
        font-size: 2.6em;
    }

        .service-content h3 {
            font-size: 0.8em;
        }

        .service-content .service-icon {
            font-size: 2.4em;
            height: 150px;
            width: 150px;
        }

            .service-content .service-icon i {
                line-height: 140px;
            }

    .widget-title {
        font-size: 1.4em;
    }

    .widget-content {
        font-size: 1.0em;
    }

    .siteContent h3 {
        font-size: 2.2em;
    }

    .siteContent p {
        font-size: 1.8em;
    }

    .siteContent > ul > li,
    .siteContent > ol > li {
        font-size: 1.8em;
    }

    #h1Title div a h1 {
        font-size: 3.6em;
    }

    p.queryTitle {
        font-size: 2.0em;
    }

    p.querySubTitle {
        font-size: 1.8em;
    }
}

@media (max-width: 767px) and (min-width: 375px) {
    .navbar-brand a h1 {
        font-size: 1.9em;
    }

    .topbar.navbar-fixed-top {
        display: none;
    }

    ul.navbar-nav > li > a {
        font-size: 1.8em;
    }

    .dropdown-menu .dropdown-item {
        font-size: 1.6em;
    }

    .slides .slider-content h2 {
        font-size: 1.6em;
    }

    .heading h2.title {
        font-size: 3.2em;
        line-height: 34px;
    }

    .service-content {
        font-size: 2.6em;
    }

        .service-content h3 {
            font-size: 0.8em;
        }

        .service-content .service-icon {
            font-size: 2.4em;
            height: 150px;
            width: 150px;
        }

            .service-content .service-icon i {
                line-height: 140px;
            }

    .widget-title {
        font-size: 1.2em;
    }

    .widget-content {
        font-size: 0.9em;
    }

    .siteContent h3 {
        font-size: 2.0em;
    }

    .siteContent p {
        font-size: 1.6em;
    }

    .siteContent > ul > li,
    .siteContent > ol > li {
        font-size: 1.6em;
    }

    #h1Title div a h1 {
        font-size: 2.8em;
    }

    p.queryTitle {
        font-size: 1.8em;
    }

    p.querySubTitle {
        font-size: 1.6em;
    }
}

@media (max-width: 374px) {
    .navbar-brand a h1 {
        font-size: 1.6em;
    }

    .topbar.navbar-fixed-top {
        display: none;
    }

    ul.navbar-nav > li > a {
        font-size: 1.8em;
    }

    .dropdown-menu .dropdown-item {
        font-size: 1.6em;
    }

    .slides .slider-content h2 {
        font-size: 1.6em;
    }

    .heading h2.title {
        font-size: 3.0em;
        line-height: 32px;
    }

    .service-content {
        font-size: 2.6em;
    }

        .service-content h3 {
            font-size: 0.8em;
        }

        .service-content .service-icon {
            font-size: 1.8em;
            height: 130px;
            width: 130px;
        }

            .service-content .service-icon i {
                line-height: 130px;
            }

    .widget-title {
        font-size: 1.0em;
    }

    .widget-content {
        font-size: 0.85em;
    }

    .siteContent h3 {
        font-size: 1.8em;
    }

    .siteContent p {
        font-size: 1.4em;
    }

    .siteContent > ul > li,
    .siteContent > ol > li {
        font-size: 1.4em;
    }

    #h1Title div a h1 {
        font-size: 2.6em;
    }

    p.queryTitle {
        font-size: 1.6em;
    }

    p.querySubTitle {
        font-size: 1.6em;
    }
}

.filedowmload {
    font-size: 2.0em;
}

.widget-tab .nav-tabs > li > a {
    font-size: 1.6em;
}

.pageContent {
    font-size: 1.6em;
}

    .pageContent li {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 28px;
    }

    .pageContent > ul > li,
    .pageContent > ol > li {
        font-size: 1.6em;
    }