@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);
body{
	font-family: 'Noto Sans TC', sans-serif!important;
	    background: #fcf8ee;
}
a:focus{
	text-decoration:none!important;
}
	.all_wrapper{
		width:100%;
		max-width:1920px;
		height:auto;
		overflow: hidden;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	.sections{
		width:100%;
		clear:both;
		position:relative;
		display:block;
		height:auto;
	}


.btn_hover{
	opacity:0!important;
}
.section3_link:hover .btn_hover{
	opacity:1!important;
}
.nav_wrapper{
	width:100%;
	height:275px;
	position:absolute;
	bottom:0;
	background:url(../img/intro_bottom.png);
/* 	background-size:cover; */
	background-position:center bottom;
	background-repeat: no-repeat;
	z-index: 99;
}
.index_logo{
position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-top: 0px;
    margin-top: -240px;
}
.nav_ul{
	position:relative;
	width:100%;
	text-align: center;
	padding-top:35px;
}
.nav_li{
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	font-size: 24px;

color: rgb(82, 82, 82);
line-height:30px;
text-align: center;
}
 .nav_li a{
	 color: rgb(82, 82, 82);
	 text-decoration:none;
	         	             -webkit-transition: all .4s;
    -moz-transition:  all .4s;
    -o-transition:   all .4s;
    transition:  all .4s;
 }
 
.nav_li:hover a{
	color:rgb(183, 21, 47);
} 
.fix_btn{
	    position: fixed;
    right: 40px;
    top: 60px;
    z-index:20;
} 


/* FOOTER */
.footer_bg_wrapper{
	width:100%;
	height:537px;
	position:relative;
	background:url(../img/footer_oldman.jpg);
	background-size:cover;
	background-position:center top;
}
footer{
	display:block;
	width:100%;
	height:auto;
	display:block;
}
.footer_content_span{
	display:none;
}
.footer_logo{
	display:block;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-bottom:20px;
}
.logo_top_wrapper{
	    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    padding-top: 120px;
}
.contact_info_wrapper h3{
	width:100%;
	box-sizing: border-box;
	padding-left:20px;
	padding-right:20px;
	text-align: center;
	font-size: 24px;
	line-height:36px;
color: rgb(59, 59, 59);
font-weight: 600;
padding-bottom:10px;
}
.footer_content_text{
	width:100%;
	text-align: center;
		width:100%;
	box-sizing: border-box;
	padding-left:20px;
	padding-right:20px;
	font-size: 16px;
	line-height:28px;
color: rgb(59, 59, 59);
padding-bottom:5px;
}
.contact_info_line{
	width:505px;
	height:1px;
	margin-top:20px;
	display:block;
	background:#ddd;
	margin-left:auto;
	margin-right:auto;
}
.logo_wrapper{
	width:100%;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	position:relative;
	overflow: hidden;
	text-align: center;
}
.logo_text{
	font-size: 16px;
line-height: 24px;
padding-top:10px;
padding-bottom:0px;
color: rgb(59, 59, 59);
font-weight:600;
}
.logo_wrapper img{
	display:inline-block!important;
	vertical-align: middle;
	padding-left:8px;
	padding-right:8px;
}
.footer_text{
	font-size: 12px;

color: rgb(59, 59, 59);
line-height:20px;
text-align: center;
box-sizing: border-box;
padding-top:5px;
padding-bottom:5px;
}
.footer_heart{
	position:absolute;
	
}
.logo_inner_wrapper{
	width:100%;
	height:auto;
	overflow: hidden;
	line-height: 80px;
}

.response_wrapper {
    position: relative;
    width: 1040px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: 680px;
    margin-top: 200px;
}
/* FOOTER END */

/* MOBILE MENU */
.mobile_menu_content_wrapper{
display:none;	
}

 /* Icon 3 */
    
    #nav-icon3 span:nth-child(1) {
        top: 0px;
    }
    
    #nav-icon3 span:nth-child(2),
    #nav-icon3 span:nth-child(3) {
        top: 10px;
    }
    
    #nav-icon3 span:nth-child(4) {
        top: 20px;
    }
    
    #nav-icon3.open span:nth-child(1) {
        top: 10px;
        width: 0%;
        left: 50%;
    }
    
    #nav-icon3.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    
    #nav-icon3.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    
    #nav-icon3.open span:nth-child(4) {
        top: 20px;
        width: 0%;
        left: 50%;
    }
    
    #nav-icon1 span,
    #nav-icon3 span,
    #nav-icon4 span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: rgb(183, 21, 47);
        /*     border-radius: 9px; */
        opacity: 1;
        left: 0;
        
        
        	             -webkit-transition: all .4s;
    -moz-transition:  all .4s;
    -o-transition:   all .4s;
    transition:  all .4s;
    }
    


    
    #nav-icon3.open span:nth-child(2),
    #nav-icon3.open span:nth-child(3) {
        width: 100%;
    }
    
    #nav-icon1,
    #nav-icon2,
    #nav-icon3,
    #nav-icon4 {
        margin: 0px;
        position: fixed;
        margin-top: 10px;
        width: 30px;
        height: 32px;
        margin-left: 10px;
        z-index:9999;
        cursor:pointer;
    }
    /* NAV ANIMATION END    */

    .menu_wrapper{
  position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

/*     background: rgba(0, 0, 0, 0.90); */
    opacity: 0;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;

}

.menu_ul{
/*
	width:100%;
	height:calc(100% - 46px);
	position:absolute;
	bottom:0;
*/
	width:100%;
	height:280px;
	position:absolute;
	top:50%;
	margin-top:-180px;
}
.menu_li{
    width: 100%;
/*     height: 25%; */
height:33.3%;
    box-sizing: border-box;
    border-top: solid 1px rgb(43, 43, 43);
    position: relative;


}


body.mobile .menu_wrapper{
z-index:9998;
opacity:1;	

}

body.mobile{
	overflow: hidden;
	height:100%;
}

    
    
.mobile_only{
	display:none;
}
.desktop_only{
	display:block;
}
.mobile_nav_button_wrapper{
	position:fixed;
	width:100%;
	height:45px;
	background:rgba(255,255,255,1);
	z-index: 9999;
	border-bottom:1px solid #ddd;
}

.goto a img{
	
	width:180px;
	height:auto;
}
.mobile_logo img{
	height:40px;
	width:auto;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-top:2px;
}
body.mobile{
	overflow: auto;
}

.menu_li{
	border-style:none!important;
}
.mobile_nav_top{
	    width: 100%;
    position: fixed;
    height: 45px;
    background: #fff;
    z-index: 999;
}



.mobile_menu{
    display:none;
    width:100%;
    height:54px;
    background:#fcfcf8;
    position:fixed;
    z-index:999;
    top:0px;

    border-style:solid;
    border-width:1px;
    border-color:#e5e5e5;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom-color:#cfae50;


    
}

.mobile_menu_content{
/*         background:rgba(218, 12, 30, .8)!important; */
background:rgba(255,255,255, .99);
        width:100%;
  
    overflow-y:auto;
     -webkit-overflow-scrolling: touch;
         height:0px;
         
             -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.mobile .mobile_menu_content{
	  height:100%;
}

.mobile_menu_content_wrapper{
            -webkit-transition: all .4s;
    -moz-transition:  all .4s;
    -o-transition:   all .4s;
    transition:  all .4s;

    box-sizing:border-box;
    position:fixed;
    top:0px;
    z-index:994;
    width:100%;
    height:0;
        opacity:0;
        display:none!important;
}
.mobile_nav_link_wrapper{
    width:100%;
    height:100%;
    overflow:hidden;
    display:block;
    border-style:solid;
    border-color:rgba(0, 0, 0, 0)!important;
    border-left:none;
    border-right:none;
    border-top:none;
    border-width:1px;
    box-sizing: border-box;
    

    top: 60px;
}


.mobile_nav_link_wrapper:nth-child(odd){


}


.mobile_nav_link_wrapper:nth-child(even){

/* background-color: #f7f6f6; */
}

.mobile_nav_link_wrapper p{
    display:block;
    float:left;
    line-height:54px;


}

.mobile_nav_link{
    font-size: 18px;

    line-height:54px;
    height:auto;
    padding-left:0px;
    width:100%;
    opacity:0;
                -webkit-transition: all .2s ;
    -moz-transition:  all .2s ;
    -o-transition:   all .2s ;
    transition:  all .2s ;
    display:block;
    padding-right:0px;
    text-align: left;

}
.mobile_nav_link li{
  box-sizing:border-box;
  padding-left:10px;
}
.mobile_nav_link_center{
  box-sizing:border-box;
  padding-left:10px;
  line-height: 25px;
  padding-top: 12px;
}
.mobile .mobile_nav_link{
    opacity:1;
                    -webkit-transition: all .2s .2s;
    -moz-transition:  all .2s  .2s;
    -o-transition:   all .2s .2s;
    transition:  all .2s  .2s;
}
.mobile_nav_link_wrapper p{
        color:#fff;
        font-size: 14px;
}
.mobile_sub_menu_ul{
    padding-left:20px;
    width:100%;
    height:auto;
    background:#f0f0e3;
    box-sizing: border-box;
    padding-bottom:20px;
}
.mobile_sub_menu_li{
    background:url(../img/mobile_arrow.png);
    background-repeat:no-repeat;
    background-size:10px 18px;
    background-position:10px 20px;
    line-height:40px;
    padding-top:5px;
    padding-bottom:5px;
}
.mobile_sub_menu_li a{
    display: block;
    width: 100%;
    line-height: 50px;

    font-weight: bold;
    font-size: 18px;
    padding-left: 30px;
    box-sizing: border-box;
}
.mobile_nav_link_wrapper{
    
}
.mobile_nav_line{
    position:relative;
    height:1px;
    margin-left:auto;
    margin-right:auto;
    width:90%;
    display:block;
    background:#e5e5e5;
}
.mobile .mobile_menu{
margin-left:85%;
    
}




.mobile .mobile_menu_content_wrapper{
  	display:block;  
    opacity:1;
    height:300px;
}
.mobile_sub_menu_ul {
    height:0;
    overflow:hidden;
                    -webkit-transition: all .4s;
    -moz-transition:  all .4s;
    -o-transition:   all .4s;
    transition:  all .4s;
    padding-top:0px;
    padding-bottom:0px;
    opacity:0;
}
.mobile_nav_link_wrapper.sub_open .mobile_sub_menu_ul{
    height:auto;
    opacity:1;
   padding-top:20px;
    padding-bottom:20px;
}
.mobile_social img{
    width:40px;
    height:auto;
}
.mobile_nav_bottom_wrapper{
    margin-top:10px;
}

.mobile_social{
    float:left;
    margin-left:20px;
    margin-right:10px;
}

.mobile_social i{
color: rgb(81, 81, 81)!important;
font-size:20px;
}
/*

.btn_go_top{
    display: block;
    
}
*/

    .btn_go_top{
        display:block;
        position:fixed;
        right:15px;
        bottom:20px;
        z-index:10;
    }




.mobile_menu_content{
border-style:solid;
    border-color:rgba(30, 42, 70, 0)!important;
    border-left:none;
    border-bottom:none;
    border-top:none;
    border-width:1px;
    box-sizing: border-box;
}

.mobile_menu_nav_wrapper{
padding-top:45px;   
}
.mobile_logo{
height: 20px;
    width: auto;
    position: absolute;
    left: 50%;
    top: 11px;
    margin-left: -89px;
    /* margin-top: 16px; */
}


.nav_fb{
  float:right;
  margin-right:10px;
 display:block; 
}
.nav_fb img{
display:block;
margin-top:24px;
}



.top_nav a{
 -webkit-transition: all .4s;
    -moz-transition:  all .4s;
    -o-transition:   all .4s;
    transition:  all .4s;
}
.mobile_logo{
    height: 25px;
    width: auto;
    position: absolute;
    left: 50%;
    top: 8px;
    margin-left: -110px;
}
.mobile_nav_link span{
	    width: 100%;
    height: auto;
    text-align: center;
    display: block;
    color:rgb(183, 21, 47);
    text-decoration: none;
}
.mobile_nav_link{
text-decoration:none;	
}

.mobile_nav_top{
display:none;	
}


/* SHARE STUFF */

.share_footer{
	font-size: 12px;
line-height: 30px;
text-align: center;
width:100%;
color: rgb(74, 73, 73);
box-sizing: border-box;
border-bottom:solid 1px #ddd;
padding-top:2px;
padding-bottom:2px;
}
.share_text{
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	vertical-align: middle;
	}
.share_footer a{
	display:block;
	
}
.share_footer a img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}	
.share_fb, .share_line{
	display: inline-block;
	padding-left:5px;
	padding-right:5px;
	vertical-align: middle;
	
	            -webkit-transition: all .4s;
    -moz-transition:  all .4s;
    -o-transition:   all .4s;
    transition:  all .4s;
}

.share_fb:hover, .share_line:hover{
	opacity:.8;
}

.fix_btn img{
	width:109px;
	height:auto;
	display:block;
	clear:both;
}

.heart_line{
	  -webkit-animation: heartline 1.6s infinite; /* Safari 4+ */
  -moz-animation: heartline 1.6s infinite; /* Fx 5+ */
  -o-animation: heartline 1.6s infinite; /* Opera 12+ */
  animation: heartline 1.6s infinite;/* IE 10+, Fx 29+ */
}

@-webkit-keyframes heartline {
  0%   { opacity: 1; }
  25%{opacity:0;}
  75%{opacity:0;}
  100% { opacity: 1; }
}
@-moz-keyframes heartline  {
  0%   { opacity: 1; }
  25%{opacity:0;}
  75%{opacity:0;}
  100% { opacity: 1; }
}
@-o-keyframes heartline  {
  0%   { opacity: 1; }
  25%{opacity:0;}
  75%{opacity:0;}
  100% { opacity: 1; }
}
@keyframes heartline  {
  0%   { opacity: 1; }
  25%{opacity:0;}
  75%{opacity:0;}
  100% { opacity: 1; }
}


@media screen and (max-width: 1000px) {
	
	.share_fb{
		width:50px;
		background:#295396;
			border-radius: 5px;
	}
	.share_line{
		width:50px;
		background:#51b33a;
		border-radius: 5px;
		
	}
	
}
/* SHARE STUFF END*/



@media screen and (max-width: 1000px) {
.mobile_menu_content_wrapper{
	display:block!important;
	height:0;
}	
.mobile_nav_top{
	display:block;
}	
	
.mobile .mobile_menu_content_wrapper{
  	display:block!important;  
    opacity:1;
    height:100%;
    max-height:380px;
}
.nav_wrapper {
width: 100%;
    height: 100px;
    position: absolute;
    bottom: 100px;
    background: url(../img/top_wave_m.png);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    z-index: 99;
    /* padding-bottom: 150px; */
    padding-bottom: 0px;
}
.index_logo{
	    padding-top: 0px;
    width: 200px;
    height: auto;
    margin-top: -100px;
}
.fix_btn{
	bottom:20px;
	top:auto;
	right:10px;
}
.fix_btn img{
	width:50px;
	height:auto;
}
.section2{
	display:none;
}
.logo_top_wrapper{
max-width:340px;	
}
.footer_logo{
	width:100%;
	height:auto;
	max-width:280px;
	
}
.contact_info_wrapper h3{
	font-size:18px;
	line-height: 26px;
}
.footer_content_text{
	font-size:14px;
	line-height: 24px;
}

.logo_inner_wrapper {
     width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 50px;
    box-sizing: border-box;
    padding-left: 0px;
    padding-right: 0px;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
}

.logo_wrapper img{
	transform:scale3d(.8,.8,1);
	-webkit-transform:scale3d(.8,.8,1);
	-moz-transform:scale3d(.8,.8,1);
	padding-left:2px;
	padding-right:2px;
}
.contact_info_line{
	width:280px;
	
}
.desktop_nav{
	display:none;
}
.fix_btn{
	z-index: 99;
}



.footer_bg_wrapper{
	height:auto;
	padding-bottom:40px;
}

.logo_top_wrapper{
	padding-top:40px;
}

}


/* MOBILE MENU END */

.desktop_only{
	
}
@media screen and (max-width: 1000px) {
	.desktop_only{
		display:none!important;
	}
	a:link {text-decoration: none;  }
}


		.back_to_top{
			cursor:pointer;
			display:block;
			bottom:10px;
			position:fixed;
			right:20px;
			width:100px;
			z-index: 90;
		}
		.back_to_top img{
			width:100%;
			height:auto;
		}
		
		
				@media screen and (max-width: 1000px) {
					
					.back_to_top{
						width:65px;
						right:0px;
					}
					.fix_btn{
						bottom:80px;
					}
					
					}