.cleancss {
    clear:both;
}

.kushitani_list {   
	padding-top: 0px;
    padding-bottom: 80px;
	
		
}


.kushitani_list ul{   
	
		}


.kushitani_list ul li{
    width: 30%;
    float: left;
    margin-left: 1.6%;
    margin-right: 1.6%;
    text-align: center;
}

.kushitani_list ul li h1{
    font-weight: 800;
    font-size: 18px;
    margin-bottom: 15px;
}


.kushitani_list ul li p{
    line-height: 28px;
	 display: block;
}


.kushitani_list_txt {   	
	line-height: 28px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    display: none;
}




.kushitani_list ul li img{
    width: 100%;
    display: block;
    margin-bottom: 20px;
} 


.kushitani_main {   
	padding-top: 80px;
    padding-bottom: 20px;
		
}

.kushitani_main img {
    width: 30%;
    height: auto;
}


.mfr_main4 {
    background-image: url(../img/mfr_products2.png);
    background-position: left center;
    background-color: #fff;
    padding-top: 40px;
    background-repeat: no-repeat;
    padding-bottom: 40px;
    background-size: 100px auto;
    text-align: right;
}
.mfr_main4 img {
    width: 30%;
    height: auto;
}
.mfr_main3 {
    background-image: url(../img/mfr_products1.png);
    background-position: right center;
    background-color: #004795;
    padding-top: 40px;
    background-repeat: no-repeat;
    padding-bottom: 40px;
    background-size: 100px auto;
}

.mfr_main3 img {
    width: 30%;
    height: auto;
}
.mfr_main2 {
    background-image: url(../img/mfr_main2.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: #FFFFFF;
    padding-top: 140px;
    background-size: 100% auto;
    padding-bottom: 80px;
}

.mfr_main2 img {
    display: block;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}
.mfr_main {
    background-image: url(../img/mfr_main.jpg);
    background-color: #FFFFFF;
    padding-top: 80px;
    padding-bottom: 40px;
	background-repeat: repeat-x; /* 僅水平重複 */
    background-size: auto; /* 背景圖片大小為原始尺寸 */
    background-position:  left bottom;
	

}




  /* 外層容器，保持影片比例 */
        .video-container {
            position: relative;
            width: 100%;
            padding-bottom: 56.25%; /* 16:9 比例 (9 ÷ 16 = 0.5625) */
            overflow: hidden;
            background: #000; /* 背景黑色 */
        }

        /* 影片設定為響應式 */
        .video-container video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover; /* 保持內容覆蓋容器 */
        }

.stompgrip_main{
    background-image: url(../img/stompgrip_main.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #FFFFFF;
    padding-top: 80px;
    background-size: 100% auto;
}

.stompgrip_box1{
	 text-align: center;
    
}

.stompgrip_box1 img{
    width: 40%;
    height: auto;
}


.stompgrip_box2{
    text-align: center;
}

.stompgrip_box2 img{
    width: 40%;
    height: auto;
}

.stompgrip_content{
    text-align: center;
    margin-bottom: 80px;
}

.stompgrip_content img{
	width: 400px;
    height: auto;
}

.stompgrip_txt2{
    display: none;  
}
.stompgrip_txt{
    display: block;  
}

.stompgrip_txt p{
    margin-top: 15px;
    margin-bottom: 15px;
}

.stompgrip_txt h1{
     margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 800;
    font-size: 20px;
}

.footer{
    background-color: #2c2c2c;
    text-align: center;
    color: #858585;
    font-size: 11px;
}

.footer a{
    color: #FFFFFF;
    line-height: 60px;
    height: 60px;
    display: inline-block;
    font-size: 16px;
    margin-left: 20px;
    margin-right: 20px;
}

.footer a:hover {
    color: #1f7fe1; 
        }



.copyright{
    border-top: 1px solid #4b4b4b;
    display: block;
    color: #767676;
    font-size: 14px;
    padding-top: 20px;
    padding-bottom:20px;	
    line-height: 22px;
}

.readmore{
}


.readmore a{
    display: inline-block;
    line-height: 40px!important;
    height: 40px!important;
    background-color: #004e9d;
    color: white;
    text-decoration: none;
    border-radius: 30px; /* 圓角半徑 */
    text-align: center;
    transition: background-color 0.3s ease!important; /* 漸變效果 */
    margin-top: 25px;
    width: 200px;
    margin-bottom: 35px;
        }

.readmore a:hover {
    background-color: #000!important; /* 滑鼠懸停變化顏色 */
        }

.ordernow{
}

.ordernow a{
    display: inline-block;
    padding-right: 30px!important;
    padding-left: 30px!important;
    line-height: 30px!important;
    height: 30px!important;
    background-color: #004e9d;
    color: white!important;
    text-decoration: none;
    border-radius: 30px; /* 圓角半徑 */
    text-align: center;
    transition: background-color 0.3s ease!important; /* 漸變效果 */
    margin-top: 25px;
        }

.ordernow a:hover {
    background-color: #000!important; /* 滑鼠懸停變化顏色 */
    border-radius: 30px; /* 圓角半徑 */
        }


.banner{
    display: block;
	 }

.banner img{
    width: 100%;
    height: auto;
}


.banner_m{
    display:none;
	 }

.banner_m img{
    width: 100%;
    height: auto;
}


.index_main{
    background-image: url(../img/index_main.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #FFFFFF;
    padding-top: 165px;
    background-size: 100% auto;
}


.agency_brands{
    text-align: center;
    margin-bottom: 50px;
}


.agency_brands img{
    width: 400px;
    height: auto;
}


.agency_brands_list{
 
}


.agency_brands_list ul{
 
}


.agency_brands_list ul li{
    background-image: url(../img/index_list_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    width: 28%;
    float: left;
    background-color: #FFFFFF;
    margin-left: 2.6%;
    margin-right: 2.6%;
    text-align: center;
}


.agency_brands_txt {
    line-height: 28px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    display: none;
}

.agency_brands_list ul li p{
    margin-top: 15px;
    margin-bottom: 15px;
    display: block;
}


.agency_brands_list ul li h1{
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 800;
    font-size: 20px;
}
.agency_brands_list_logo{
    text-align: center;
    margin-top: 10px;
    margin-bottom:10px;
}

.agency_brands_list_logo img{
    width: 65%;
    height: auto;
}

/*IPAD* 1169px以下(包含1169px)*/
@media (max-width: 1169px) {
	
	
.kushitani_list ul li p{
    line-height: 28px;
	 display: none;
}


.kushitani_list_txt {
    line-height: 28px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: 140px;
}

	
	
	.kushitani_list ul li {
    width: 30%;
    float: left;
    margin-left: 1.6%;
    margin-right: 1.6%;
    text-align: center;
}
	.mfr_main4 {
    background-image: url(../img/mfr_products2.png);
    background-position: left center;
    background-color: #fff;
    padding-top: 40px;
    background-repeat: no-repeat;
    padding-bottom: 40px;
    background-size: 60px auto;
    text-align: right;
}
	.mfr_main4 img {
    width: 45%;
    height: auto;
}
	.mfr_main3 {
    background-image: url(../img/mfr_products1.png);
    background-position: right center;
    background-color: #004795;
    padding-top: 40px;
    background-repeat: no-repeat;
    padding-bottom: 40px;
    background-size: 60px auto;
}
	.mfr_main3 img {
    width: 45%;
    height: auto;
}
	.mfr_main2 img {
    display: block;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
	.mfr_main {
    background-image: url(../img/mfr_main.jpg);
    background-color: #FFFFFF;
    padding-top: 40px;
    padding-bottom: 20px;
    background-repeat: repeat-x;
    background-size: auto;
    background-position: left bottom;
}
	
.agency_brands_txt {
    line-height: 28px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: 100px;
}

.agency_brands_list ul li p{
      display: none;
}
	
	
	.cd-logo img {
    display: block;
    width: 200px;
}
	.cd-logo {
    position: absolute;
    top: 5px!important;
    left: 5%;
}
	
.ordernow a{
    display: inline-block;
    padding-right: 20px!important;
    padding-left: 20px!important;
    line-height: 50px!important;
    height: 50px!important;
    background-color: #004e9d;
    color: white!important;
    text-decoration: none;
    border-radius: 0px; /* 圓角半徑 */
    text-align: left;
    transition: background-color 0.3s ease!important; /* 漸變效果 */
    margin-top: 10px!important;
        }

.ordernow a:hover {
    background-color: #000!important; /* 滑鼠懸停變化顏色 */
    border-radius: 0px; /* 圓角半徑 */
        }
	
	.index_main {
    background-image: url(../img/index_main.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #FFFFFF;
    padding-top: 80px;
    background-size: 100% auto;
}
	.agency_brands_list ul li {
    width: 32%;
    margin-left: 0.6%;
    margin-right: 0.6%;
}
	.stompgrip_main {
    background-image: url(../img/stompgrip_main.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #f0f0f0;
    padding-top: 80px;
    background-size: 100% auto;
}
	.stompgrip_box1 img {
    width: 70%;
    height: auto;
}
	.stompgrip_box2 img {
    width: 70%;
    height: auto;
}
	
	}

/*=================結束=================*/

/* 手機版樣式 */
@media (max-width: 768px) {
	
	
.banner{
   display:none;
	 }


.banner_m{
    display:block;
	 }

	
	
	.agency_brands_list ul li h1 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 800;
    font-size: 18px;
}
	
	.kushitani_list ul li {
    width: 33%;
    float: left;
    margin-left: 0.16%;
    margin-right: 0.16%;
    text-align: center;
}
	
	
	}
	
/*=================結束=================*/

/*手機板--橫式* 759px以下(包含759px)*/	
@media only screen and (max-width: 759px){

}

/*=================結束=================*/


/*手機板-直式* 460px以下(包含460px)*/

@media only screen and (max-width: 460px) {
	
	.cd-logo img {
    display: block;
    width: 200px;
}
	.cd-logo {
    position: absolute;
    top: 5px!important;
    left: 5%;
}
	
.ordernow a{
    display: inline-block;
    padding-right: 20px!important;
    padding-left: 20px!important;
    line-height: 50px!important;
    height: 50px!important;
    background-color: #004e9d;
    color: white!important;
    text-decoration: none;
    border-radius: 0px; /* 圓角半徑 */
    text-align: left;
    transition: background-color 0.3s ease!important; /* 漸變效果 */
    margin-top: 10px!important;
        }

.ordernow a:hover {
    background-color: #000!important; /* 滑鼠懸停變化顏色 */
    border-radius: 0px; /* 圓角半徑 */
        }
	
	

.agency_brands_list ul li{
    background-image: url(../img/index_list_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    width:90%;
    float: none;
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right:auto;
    text-align: center;
}
	

.footer{
    background-color: #2c2c2c;
    text-align: center;
    color: #858585;
    font-size: 0px;
}

.footer a {
    color: #FFFFFF;
    line-height: 40px;
    height: 40px;
    display: block;
    font-size: 16px;
}
	
.footer a:hover {
    color: #FFFFFF;
    background-color: #000000;
        }

.stompgrip_main {
    background-image: url(../img/stompgrip_main.jpg);
    background-repeat: no-repeat;
    background-position: center 55px;
    background-color: #FFFFFF;
    padding-top: 40px;
    background-size: 100% auto;
}
	.stompgrip_content img {
    width: 75%;
    height: auto;
}
	.stompgrip_box1 img {
    width: 100%;
    height: auto;
}
	.stompgrip_box2 img {
    width: 100%;
    height: auto;
}
	
.stompgrip_txt{
    display: none;  
}
.stompgrip_txt2{
    display: block;  
}

.stompgrip_txt2 p{
    margin-top: 15px;
    margin-bottom: 15px;
}

.stompgrip_txt2 h1{
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 800;
    font-size: 20px;
    line-height: 32px;
}
	
	.mfr_main {
   
    background-image: url(../img/mfr_main.jpg); /* 背景圖片 */
	padding-top: 40px;
    padding-bottom: 40px;
    background-repeat: repeat-x; /* 僅水平重複 */
    background-size: auto; /* 背景圖片大小為原始尺寸 */
    background-position: bottom; /* 背景位置，靠下方對齊 */
		
		
}
	.mfr_main2 {
    background-image: url(../img/mfr_main2.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: #FFFFFF;
    padding-top: 40px;
    background-size: 100% auto;
    padding-bottom: 40px;
}
	.mfr_main2 img {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
	.mfr_main3 img {
    width: 100%;
    height: auto;
}
	.mfr_main4 img {
    width: 100%;
    height: auto;
}
	
	.mfr_main3 {
    background-image: none;
    background-position: right center;
    background-color: #004795;
    padding-top: 0px;
    background-repeat: no-repeat;
    padding-bottom: 0px;
    background-size: 100px auto;
}
	.mfr_main4 {
    background-image: none;
    background-position: left center;
    background-color: #fff;
    padding-top: 0px;
    background-repeat: no-repeat;
    padding-bottom: 0px;
    background-size: 100px auto;
    text-align: right;
}
	.kushitani_list ul li {
    width: 100%;
    float: none;
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    margin-bottom: 40px;
}
	.kushitani_list ul li h1 {
    font-weight: 800;
    font-size: 18px;
    margin-bottom: 10px;
}
	    .index_main {
        background-image: url(../img/index_main2.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        background-color: #FFFFFF;
        padding-top: 40px;
        background-size: 100% auto;
    }
	.agency_brands img {
    width: 260px;
    height: auto;
}
	.agency_brands {
    text-align: center;
    margin-bottom: 30px;
}
	
.agency_brands_txt {
    line-height: 28px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    display: none;
}

.agency_brands_list ul li p{
    margin-top: 15px;
    margin-bottom: 15px;
    display: block;
}
	
	
.kushitani_list ul li p{
    line-height: 28px;
	 display: block;
}


.kushitani_list_txt {   	
	line-height: 28px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    display: none;
}


	}

/*=================結束=================*/