	<style type="text/css">
    	body {
    		background: url('../img/wallpaper.jpg') no-repeat fixed center center;
    		background-size: cover;
    	}
    	
    	body { 
    		padding-top: 70px; 
    	}
    	
		.brand {

		}
		
		.navbar-nav > li > a {
			padding-top: 0px;
			padding-bottom: 0px;
			line-height: 50px;
			font-size: 15px;
		}
		
		.navbar-default .navbar-nav>li>a {
			color: #777777;
		}
		
		.navbar-default {
			background-color: #F8F8F8;
		}

		@media (max-width: 767px) {
			.navbar-nav > li > a {
				line-height: 20px;
				padding-top: 10px;
				padding-bottom: 10px;
			}
		}

        .carousel-inner a:hover, .carousel-inner a:focus,.carousel-inner a{
            color:peru;
            text-decoration: none;
            box-shadow: 1px 2px 3px #777777;
        }

		.bgw {
			background-color: rgba(255,255,255,0.8);
		}
		
		p {
			font-size: 14px; 
		}

        [class^='g-']{
            float: left;
            width: 100%;
            box-sizing: border-box;
        }	

        .clear-grid{
            clear: both;
            float: inherit;
        }

		.dropdown-submenu {
			position: relative;
		}

		.dropdown-submenu>.dropdown-menu {
			top: 0;
			left: 100%;
			margin-top: -6px;
			margin-left: -1px;
			-webkit-border-radius: 0 6px 6px 6px;
			-moz-border-radius: 0 6px 6px;
			border-radius: 0 6px 6px 6px;
		}

		.dropdown-submenu:hover>.dropdown-menu {
			display: block;
		}

		.dropdown-submenu>a:after {
			display: block;
			content: " ";
			float: right;
			width: 0;
			height: 0;
			border-color: transparent;
			border-style: solid;
			border-width: 5px 0 5px 5px;
			border-left-color: #ccc;
			margin-top: 5px;
			margin-right: -10px;
		}

		.dropdown-submenu:hover>a:after {
			border-left-color: #fff;
		}

		.dropdown-submenu.pull-left {
			float: none;
		}

		.dropdown-submenu.pull-left>.dropdown-menu {
			left: -100%;
			margin-left: 10px;
			-webkit-border-radius: 6px 0 6px 6px;
			-moz-border-radius: 6px 0 6px 6px;
			border-radius: 6px 0 6px 6px;
		}		
		
		div {
			opacity: 0;
			-webkit-transition: opacity 1s ease-in;
			   -moz-transition: opacity 1s ease-in;
				-ms-transition: opacity 1s ease-in;
				 -o-transition: opacity 1s ease-in;
				    transition: opacity 1s ease-in;
		}

        .container-fluid .carousel-inner .content{
            position: absolute;
            bottom: 0;
            top: 140px;
            left: 1px;
            background: rgba(0,0,0,.6);
            color: #f1f1f1;
            width: 100%;
            padding: 10px;
            vertical-align: top;
        }

        /*#hidden-search{
            width: 100%;
            text-align: center;
            background-color: transparent;
            z-index: 1000;
        }*/

        .button-move{
            border-radius: 50%;
            position: relative;
            left: 23px;
            top: 7px;
        }

        /*.circle {
            height: 50px;
            width: 50px;
            background-color: #555;
            border-radius: 50%;
            z-index: 1000;
        }*/

        /* 在你輸入文字時，他會有提示效果幫我們貼上空白，而空白會變黃色，因此這可以讓空白從黃色改成白色*/
        input:-webkit-autofill,
        input:-webkit-autofill:hover,
        input:-webkit-autofill:focus,
        input:-webkit-autofill:active {
            -webkit-animation: autofill 0s forwards;
            animation: autofill 0s forwards;
        }

        @keyframes autofill {
            100% {
                background: #fff;
                color: inherit;
            }
        }

        @-webkit-keyframes autofill {
            100% {
                background: #fff;
                color: inherit;
            }
        }

        .master-of-tea{
            position: absolute;
            top: -8%;
            left: 105%;
            width: 97%;
        }

        .clear-grid{
            clear: both;
            float: inherit;
        }

        /*@media only screen and(min-device-width: 375px) and (max-device-width: 812){
            .mobile-mode{
                min-height: 40rem !important;
            }
        }*/

        .title1-area{padding: 50px}
        .title1-area{
            height: auto;
            text-align: center;
            padding: 60px 0 0 0;
            overflow: hidden;
            box-sizing: border-box;
            background-color: rgba(0,0,0,.7);
        }

        .title1-area .small-title{
            color: #e7b623;
            margin-bottom: 5px;
            font-weight: 100;
            letter-spacing: .06em;
            font-size: 22px;
        }

        .title1-area .big-title{
            position: relative;
            font-weight: 100;
            letter-spacing: .06em;
            text-transform: uppercase;
            color: #ffa100 !important;
            font-size: 2em;
            margin-bottom: 50px;
        }

        .title1-area .big-title::before, .title1-area .big-title::after{
            content: '';
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: calc((100% - 300px) / 2);
            height: 2px;
            background: rgba(255,255,255,.9);
        }

        .title1-area .big-title::before{
            left: 0;
        }

        .title1-area .big-title::after{
            right: 0;
        }

        .title1-area p{
            color: #fff;
            font-size: 1.0em;
        }

        .block2{
            position: absolute;
            left: 0;
            top: 50%;
            width: 100%;

            min-height: 300px;
            background-color: #fff;
        }

        .infor-right{
            position: relative;
            width: 42%;
            left: 65px;
            min-height: 19.5em;
        }

        .nav000 {
            display:none;
            color:black;
            float: left;
            height: 50px;
            padding: 15px 15px;
            font-size: 18px;
            line-height: 20px;

        }
		
		.load { opacity: 1; }
		
	</style>