body.lb-disable-scrolling {
  overflow: hidden;
}
/*tabs*/
	ul.tabs {
			list-style: none;
			padding-left: 1em;
		}

			ul.tabs li {
				display: inline-block;
			}

				ul.tabs li:first-child {
					padding: 0;
				}

	/*-- drop down--*/

	.tabsmobile {
  		margin: 0 auto;
  		list-style-type: none;
	}
	.tabsmobile ul{
	 	margin: 0;
        padding: 0;
        list-style: none;
	}
 
 	ul.tabsmobile {
        /* border: #ccc 1px solid;*/
        display: inline-block;
        font-family: 'Open Sans', Arial, sans-serif;
        font-size: 1em
		
    }

    ul.tabsmobile li {
        position: relative;
        white-space: nowrap;
		/*border-right: #ccc 1px solid;*/
    }

    ul.tabsmobile > li:last-child {
        border-right: none;
    }

    ul.tabsmobile > li {
        float: left; /* 只有第一層是靠左對齊*/
    }

     ul.tabsmobile a {
        color: #b72c2c;
		background-color: whitesmoke;
        display: block;
        padding: 0 15px;
        text-decoration: none;
        line-height: 35px;
    }

	ul.tabsmobile a:hover { /* 滑鼠滑入按鈕變色*/
        background-color: #bcbcbc;
        color: #fff;
    }
    ul.tabsmobile li:hover > a { /* 滑鼠移入次選單上層按鈕保持變色*/
        background-color: #b72c2c;
        color: #fff;
    }
  ul.tabsmobile ul { /*隱藏次選單*/
        display: none;
    }

    ul.tabsmobile li:hover > ul { /* 滑鼠滑入展開次選單*/
        display: block;
    }
	ul.tabsmobile ul { /*隱藏次選單*/
        /*left: 99999px;*/
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

    ul.tabsmobile li:hover > ul { /* 滑鼠滑入展開次選單*/
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        left: 0px;
        border-right: 0px;
    }
	ul.tabsmobile ul {
        /*border: #ccc 1px solid;*/
        position: absolute;
        z-index: 99;
        left: 100px;
        top: 100%;
        min-width: 200px;
    }

    ul.tabsmobile ul li {
        border-bottom: #ccc 0px solid;
    }

    ul.tabsmobile ul li:last-child {
        border-bottom: none;
    }

		/*-----*/


		@media screen and (max-width: 736px) {

					ul.tabs li {
						display: block;
						margin: 0 0 .25em 0;
						padding: 0;
					}

						ul.tabs li .button {
							width: 100%;
						}

				}
				ul.tabsmobile {
					display: none;
				}

		@media screen and (min-width: 480px) {
			ul.tabs{
				display: block;
			}
			ul.tabsmobile{
				display: none;
			}
		}
			
		@media screen and (max-width: 736px) {

			ul.tabs {
					display: none;
				}
					ul.tabs li {
						display: none;
						margin: 0 0 .25em 0;
						padding: 0;
					}

						ul.tabs li .button {
							width: 100%;
						}

				ul.tabsmobile {
					display: block;
					margin-bottom: 1em;
				}
			}

		@media screen and (max-width: 480px) {

				ul.tabs {
					display: none;
				}
				.tabsmobile {
					display: block;
					margin-bottom: 1em;
				}

			}