/**********************************************************************
***********************************************************************
TechGut landing page responsive template
Version V-1.0
Created Date: 05.02.2015
ThemeRole////
************************************************************************
************************************************************************/

ul{
    list-style-type : none;
}


.img-responsive{
    width   : 100%;
}


/*------------------------------------------
    -   NAV  -
--------------------------------------------*/


ul.nav.navbar-nav{
    position    : relative;
}
ul.nav.navbar-nav li a {
	text-transform  : uppercase;
	color           : #000000;
	font-weight     : 300;
	font-size: 1.4em;
	font-weight: bold;
}
.navbar-nav > li {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e4e4e4;
}
.navbar-nav > li:nth-child(8){
	border-right-width: 1px;
	border-right-style: solid;
}
.navbar-nav > li:last-child{
	line-height    : 20px;
	min-width      : 31px;
	border-right-width: 1px;
	border-right-style: solid;
 
}
.navbar-nav > li > a {
    padding-top     : 0;
    padding-bottom  : 0;
}
.navbar-nav > li >.search-open {
    position    : absolute;
    right       : 0px;
    top         : 45px;
    width       : 200px;
    z-index     : 999;
}
.search-open .form-control {
border          : 1px solid #eee;
border-radius   : 0;
}

.search-open .form-control:focus {
    outline             : 0;
    -moz-box-shadow     : 0px 0px 1px rgba(232,71,0,0.9);
    -webkit-box-shadow  : 0px 0px 1px rgba(232,71,0,0.9);
    -ms-box-shadow      : 0px 0px 1px rgba(232,71,0,0.9);
    -o-box-shadow       : 0px 0px 1px rgba(232,71,0,0.9);
    box-shadow       : 0px 0px 1px rgba(232,71,0,0.9);

    /*box-shadow          : 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 1px rgba(232,71,0,0.9);*/
}

.search-open .input-group{
    -webkit-box-shadow  : 4px 8px 6px -7px #777;
    -moz-box-shadow     : 4px 8px 6px -7px #777;
    -ms-box-shadow      : 4px 8px 6px -7px #777;
    -o-box-shadow       : 4px 8px 6px -7px #777;
    box-shadow          : 4px 8px 6px -7px #777;

}

i.search.fa.search-btn.fa-search {
cursor  : pointer;
}
.input-group-btn {
position            : relative;
font-size           : 0;
white-space         : nowrap;
font-size           : 1.15em;
}
button.btn-u {
	padding             : 6px 10px;
	color               : #fff;
	background-color    : #AACD06;
	border              : 1px solid #e84711;
}
button.btn-u:focus,
button.btn-u:active{
    border              : 1px solid red;
      outline-width     : 0px;
     -moz-box-shadow    : 0px 0px 1px rgba(232,71,0,0.9);
    -webkit-box-shadow  : 0px 0px 1px rgba(232,71,0,0.9);
    -ms-box-shadow      : 0px 0px 1px rgba(232,71,0,0.9);
    -o-box-shadow       : 0px 0px 1px rgba(232,71,0,0.9);
    box-shadow          : 0px 0px 1px rgba(232,71,0,0.9);
}
.navbar-default{
	background-color    : #F5F1F2;
	-webkit-box-shadow  : 0px 0.866px 1px 0px #D2D1C8;
	-moz-box-shadow     : 0px 0.866px 1px 0px #D2D1C8;
	-ms-box-shadow      : 0px 0.866px 1px 0px #D2D1C8;
	-o-box-shadow       : 0px 0.866px 1px 0px #D2D1C8;
	box-shadow          : 0px 0.866px 1px 0px #D2D1C8;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}

ul.nav.navbar-nav>li>.active{
    font-weight     : 400;
 }
ul.nav.navbar-nav li a:hover,
ul.nav.navbar-nav li a:focus {
    color       : #aacd06;
    background  : transparent;
    }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
color       : #aacd06;
background  : transparent;
}


.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {

  background-color  : transparent !important;
  color             : #aacd06;
  }


.navbar-nav > li > .dropdown-menu {
	border-top-left-radius          : 0;
	border-top-right-radius         : 0;
	left                            : 0px;
	background                      : transparent;
	border-radius                   : 0 0 0 0;
	-webkit-box-shadow              : 0 0 0 #000000;
	-moz-box-shadow                 : 0 0 0 #000000;
	-ms-box-shadow                  : 0 0 0 #000000;
	-o-box-shadow                   : 0 0 0 #000000;
	box-shadow                      : 0 0 0 #000000;
	border-width                    : 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	width: 200px;
}




.navbar-nav > li > .dropdown-menu li {

    background          : #ffffff;
    border-width        : 0 1px 1px 1px; 
    border-style        :solid;
    border-color        : #eeeeee;
    -webkit-box-shadow  : 0 1px 3px #ececec;
    -moz-box-shadow     : 0 1px 3px #ececec;
    -ms-box-shadow      : 0 1px 3px #ececec;
    -o-box-shadow       : 0 1px 3px #ececec;
    box-shadow          : 0 1px 3px #ececec;
    

}

.navbar-nav > li > .dropdown-menu li a{
	font-size       : 1.1em;
	padding         : 8px 15px;
	color           : #626262;
	letter-spacing  : 1px;
}


.navbar-nav > li > .dropdown-menu li a:hover{
	background-color: #cfe179;
	color: #000000;
}


.fa.fa-times{
    cursor     : pointer;
}








/*------------------------------------------
    -   mmenu  -
--------------------------------------------*/
a.navbar-brand {
    padding     : 0;
    height      : 0;
}
.navbar-left{
    padding     : 0;
    margin      : 0;
    margin-top  : 2px;
}
.mm-list > li > a, .mm-list > li > span{
	text-transform  : uppercase;
	color           : #000000;
}

.mm-list a, .mm-list a:hover{
	color : rgb(0,51,0);
}

.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), 
.mm-menu .mm-list > li.mm-selected > span{

    color : rgb(255,204,51);
}

.mm-menu .mm-list > li > a.mm-subopen:after{
    color   : red !important;
}
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
	border-color    : rgba(0,0,0,0.8);
}

.mm-menu .mm-list > li > a.mm-subclose{

    color       : #ffffff;
    font-size   : 1.4em;
}

.mm-menu.mm-current{

    z-index : 99999;
}



/*手機菜單按鈕*/
.navbar-toggle {
	position        : relative;
	float           : left;
	margin-top      : -10px;
	margin-bottom   : 0;
	background-color: transparent;
	background-image: none;
	border          : 1px solid #b3d669 !important;
	border-radius   : 0;
	margin-left: 32px;
	padding-top: 11px;
	padding-right: 10px;
	padding-bottom: 11px;
	padding-left: 10px;
}
.navbar-default .navbar-toggle .icon-bar {
background-color    : #b3d669;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color    : #aacd06;
-webkit-transition  : all ease 200ms;
-moz-transition     : all ease 200ms;
-o-transition       : all ease 200ms;
transition          : all ease 200ms;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar{
    background-color    : #fff;
   -webkit-transition   : all ease 200ms;
   -moz-transition      : all ease 200ms;
   -o-transition        : all ease 200ms;
   transition           : all ease 200ms;
}
.navbar-default{
	border-radius:0;
}


.header-part {	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #AACD06;}






/*
     FILE ARCHIVED ON 4:03:21 六月 19, 2024 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 7:05:24 五月 22, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/