@charset "utf-8";
/* CSS Document */

@media (max-width: 800px) { 
    
    /******共用******/
   
    .facebook{
    width: 24px;
    position: absolute;
    right:10px;
    top:12px
    }

    #header{
    width: 100%;
    margin: 0px auto;
    height: 80px;
    position: relative;
    }
    
    #menubox{
    width: 100%;
    }

    #menu{
    position: relative;
    top:0px;
    left:0px;
    width: 100%;
    text-align: left;
    }

    .logo{
    width:190px;
    padding: 12px 10px 12px 10px;
    position: relative;
    margin: 0px auto;
    }

     .nav {
        display: none;
    }
    .toggle {
        display: inline-block;
        background: #c2a052;
        padding: 2px 5px;
        color: #fff;
        font-size:12px;
    }
    .nav li{
        float: none;
        background-color: #b24d3d;
    }
    .nav li a{
        padding: 10px 15px;
        background-color: #a23f30;
        color: #fff;
    }
    
    .nav li:hover ul {
        position: relative;
        display: block;
        background: transparent;
    }
    .nav li:hover ul li{
        background: transparent;
    }
    .nav li:hover ul li a{
        padding-left: 30px;
    }
    .arrow-bottom {
        top: 20px;
    }

    /******home******/
    
    /**banner**/
    .rslides {display:none;}
    .slide_banner{display:none;}
    .slide {display:none;}
    
    #home_m_banner{
        display: inline-block;
        width:100%;
        height:450px;
        background-image : url(../img/00_m_banner01.jpg) ;
        background-position:center;
        background-color:#000;
    }

    /**link_banner**/

    #link_banner{
        width: 100%;
    }
    
    #link_banner .box01{
        display:block;
        margin: 0px auto 30px auto;
    }
    
    #link_banner .box02{
        display:block;
        width:325px;
        margin: 0px auto 30px auto;
        float:center;
    }
    
    #link_banner .text{
        display:inline-block;
        width:325px;
        color:#a8935b;
        text-align:center;
        margin-top:20px;
        font-size:15px;
    }
	
	
	 #link_banner2{
        width: 100%;
		margin: 0px auto;
    }
    
    #link_banner2 .box01{
        display:block;
        margin: 0px auto 30px auto;
    }
    
    #link_banner2 .box02{
        display:block;
        width:325px;
        margin: 0px auto 30px auto;
        float:center;
    }
    
    #link_banner2 .text{
        display:inline-block;
        width:325px;
        color:#a8935b;
        text-align:center;
        margin-top:20px;
        font-size:15px;
    }


   
    /******01******/

    #one_banner{
        width:100%;
        height:1230;
        background-image : url(../img/01_m_banner04.png) ;
        background-position:center top; 
        background-repeat:no-repeat;
        background-color:#000;
	     height:1100px;
    }
    
    #one_banner #textbox{
        position:relative;
        width:90%;
        margin:0px auto;
        padding-top:0px;
        background-color:transparent;
    }
    
    #one_banner .text{
        position:relative;
        top:auto;
        left:auto;
        width:90%;
        color:#fff;
        font-size:14px;
        text-align:left; 
        margin:0px auto;
        padding-bottom:20px;
    }
    
    #one_story{
        width: 90%;
        margin: 30px auto;
        text-align:left;
    }

    .photo_oldman{
    width:100%;
    display:block;
    float:left;
    margin:0px 20px 30px 0px;
    }
    
     /******02******/
    
    /**banner**/
    
    #two_banner{
        width:100%;
        height:450px;
        background-image : url(../img/00_m_banner01.jpg) ;
        background-position:center;
        background-color:#000;
    }
    
    /**two_content**/
    
    #two_content{
    width:100%;
    height:1750px;
    background-image : url(../img/02_112.png) ;
    background-position:center;
    color:#fff;
    text-align: center;
    padding: 20px 0px;
    background-color:#9d2025;
    }
    
    #two_content .center{
    width:100%;
    }

    #two_content .box01{
        display:block;
        width:90%;
        margin: 30px auto 30px auto;
        float:center;
    }
    
    #two_content .box02{
        display:block;
        width:90%;
        margin: 30px auto 0px auto;
        float:center;
    }

    #two_content .box01 .photo{
        width: 100%;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    #two_content .box02 .photo{
        width: 100%;
        margin-top: 8px;
    }
	
	/**three_content**/
    
    #three_content{
    width:100%;
    height:2410px;
    background-image : url(../img/03_bgx.png) ;
    background-position:center;
    color:#fff;
    text-align: center;
    padding: 20px 0px;
    background-color:#000000;
    }
    
    #three_content .center{
    width:100%;
    }

    #three_content .box01{
        display:block;
        width:90%;
        margin: 30px auto 30px auto;
        float:center;
    }
    
    #three_content .box02{
        display:block;
        width:90%;
        margin: 30px auto 0px auto;
        float:center;
    }

    #three_content .box01 .photo{
        width: 100%;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    #three_content .box02 .photo{
        width: 100%;
        margin-top: 8px;
    }
	
	/**four_content**/
    
    #four_content{
    width:100%;
    height:1350px;
    background-image : url(../img/black.png) ;
    background-position:center;
    color:#fff;
    text-align: center;
    padding: 10px 0px;
    background-color:#000000;
    }
    
    #four_content .center{
    width:100%;
    }

    #four_content .box01{
         display:block;
        margin: 0px auto 10px auto;
		width:325px;
		float:none;
    }
    
    #four_content .box02{
          display:block;
        margin: 0px auto 30px auto;
		width:325px;
		float:none;
    }

    #four_content .box01 .photo{
        width: 100%;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    #four_content .box02 .photo{
        width: 100%;
        margin-top: 8px;
    }
	
	#four_spce {
	width:100%;
	margin:0px auto;
	text-align:center;
	}
	
	.text{
    display:inline-block;
    width:325px;
    color:#a8935b;
    text-align:left;
    margin-top:10px;
    font-size:15px;
}	
	

    /******coming soon******/

    #coming_banner{
    width:100%;
    height:600px;
    background-image : url(../img/black2.png) ;
    background-position:center;
    background-repeat:no-repeat;
    background-color:#000;
    }
	
	#coming_banner2{
    width:100%;
    height:450px;
    background-image : url(../img/99_m_banner_01.jpg) ;
    background-position:center;
    background-repeat:no-repeat;
    background-color:#000;
    }
	
	/*****video*****/
	.compvideo{display: block;}
	.phonvideo{display: none;}
	.webtext{display: none !important;}
	.phonetext{display: block !important;}
	
	/*****phone_text*****/
	.phone_text{display: block;}
	
	/****innerVideo****/
#movie1{
	position: relative; top:0px;left:0px; 
}
	
#movie2{
	position: relative; top:0px;left:0px;
	padding-top:410px;
}

#movie3{
	position: relative; top:0px; left:0px;
}

#bottom2{
    background: #000;
    color:#aaaaaa;
    padding: 200px 0px 20px 0px;
    line-height: 180%;
}

#bottom3{
    background: #000;
    color:#aaaaaa;
    padding: 20px 0px 20px 0px;
    line-height: 180%;
	margin-top:0px;
}

#m3ttl{
	font-size: 20px;color: white;padding-top:40px;
}

.active2{
	background: none;
    color:#fff;
}

}