.cleancss {
    clear:both;
}

.about h4 {
    color: #000;
    font-size: 22px;
    font-weight: 600;
	margin-bottom: 15px;
}

.about ul {
   margin-bottom: 30px;
}

.about ul li{
    padding-bottom: 15px;
}


#gotoTop{
	display: none;
	position: fixed;
	top: 75%;
	right: 0%;
	cursor: pointer;
	margin-top: -50px;
	margin-right: 20px;
	width: 64px;
	height: 64px;
	line-height: 100;
	overflow: hidden;
	background: url(img/gTopa.png) no-repeat;
	z-index: 999999;
}
#gotoTop{
	_position:absolute;
	_top:expression_r(documentElement.scrollTop + documentElement.clientHeight * 3/4 + "px");
}


.table{
    display: block;   
}



.table_m{
    display: none;   
   
}



.banner{
    border-top: 6px solid #ea6d9f;
    display: block;   
}



.banner_m{
    border-top: 6px solid #ea6d9f;
    display:none;   
}

.case_box{
    margin-top: 100px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
}
.case_box h1{
    color: #333;
    font-size: 48px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 60px;
}
.case_list{
    width: 32%;
    float: left;
    margin-left: 0.6%;
    margin-right: 0.6%;;
}


.case_main{
    background-image: url(../img/i_case_bg.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;   
    padding-right: 20px;
}


.case_txt{
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 50px;
    padding-bottom: 30px;
}

.case_txt h2{
    color: #FFFFFF;
    font-size: 24px;
    font-style: italic;
    margin-bottom: 10px;
    font-family: "凝書體 2.1 Regular,sans-serif";
}

.case_txt p{
    color: #FFFFFF;
    font-size: 16px;
    line-height: 26px;
}

.case_more{
    color: #FFFFFF;	
    font-style: italic;
    font-size: 20px;
    line-height: 26px;
    width: 190px;
    border-top: 6px solid #ea6d9f;
    font-family: "凝書體 2.1 Regular,sans-serif";
    float: right;
    margin-top: 30px;
    text-align: center;
    padding-top: 20px;
}


.case_more a{
    color: #FFFFFF;
    text-decoration: none;
}


.case_more a:hover{
    color: #ea6d9f;
    text-decoration: none;
}

.case_line{
    background-image: url(../img/i_case_line.jpg);
    background-repeat: repeat-y;
    background-position: left top;
    height: 14px;
}

.oil_bg{
    background-image: url(../img/oil_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    padding-top: 100px;
    padding-bottom: 50px;
}

.oil_bg h1{
    color: #333;
    font-size: 48px;
    font-weight: 400;
    text-align: center;
    margin-bottom:15px;
}

.oil_bg h2{
    color: #ea6d9f;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 10px;
}

.oil_line{
    width: 430px;
    border-bottom: 2px solid #ea6d9f;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
}


.oil_bg h3{
	 color: #6f6c6d;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}


.oil_list{
    width: 1250px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    margin-bottom: 60px;
}

.oil_list ul{
    
}

.oil_list ul li{
    width: 250px;
    float: left;
    padding-left: 105px;
    color: #ea6d9f;
    font-size: 40px;
    font-weight: 600;
    padding-top: 18px;
    padding-bottom: 18px;
    display: block;
}

.oil_list ul li h4{
    color: #6f6c6d;
    font-size:22px;
	font-weight: 400;
}


.oil_arrow1{
    background-image: url(../img/oil_arrow1.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}


.oil_arrow2{
    background-image: url(../img/oil_arrow2.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}


.oil_arrow3{
    background-image: url(../img/oil_arrow3.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}


.oil_arrow4{
    background-image: url(../img/oil_arrow4.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}

.oil_arrow5{
    background-image: url(../img/oil_arrow5.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}

.oil_arrow6{
    background-image: url(../img/oil_arrow6.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}


.oil_btn{
   } 

.oil_btn a{
    border-radius: 15px;
    color: #FFFFFF;
    background-color: #009f50;
    font-size: 24px;
    font-weight: 600;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/arrow1.png);
    background-repeat: no-repeat;
    padding-left:55px;
    padding-top: 17px;
    padding-bottom: 17px;
    background-position: 40px 20px;
    display: block;
    text-align: center;
}

.oil_btn a:hover{
   
    background-color: #ea6d9f;
}


.oil_btn2{
   } 

.oil_btn2 a{
    border-radius: 15px;
    color: #FFFFFF;
    background-color: #ea6d9f;
    font-size: 24px;
    font-weight: 600;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/arrow2.png);
    background-repeat: no-repeat;
    padding-left:55px;
    padding-top: 17px;
    padding-bottom: 17px;
    background-position: 40px 20px;
    display: block;
    text-align: center;
}

.oil_btn2 a:hover{   
    background-color: #009f50;
}



.price{
    font-weight: 800;
    font-size: 48px;
}

.oil_more{
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
   }

.oil_more a{
    color: #6f6c6d;
    text-decoration: underline;
    font-size: 20px;
   }
 
.oil_more a:hover{
    color: #ea6d9f;
    text-decoration: none;
   }


.sale_bg{
    background-image: url(../img/sale_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 100px;
    padding-bottom: 50px;
   }


.sale_bg h1{
    color: #333;
    font-size: 48px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 60px;
}

.sale_box{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
   }


.sale_box ul{
   
   }

.sale_box ul li{
    background-color: #FFFFFF;
    display: block;
    float: left;
    width: 30%;
    -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3));
    margin-left: 1.6%;
    margin-right: 1.6%;
    text-align: center;
    color: #898989;
    font-size: 20px;
   }

.sale_box ul li img{
    width: 100%;
    height: auto;
   }


.sale_box ul li h2{
    color: #000000;
    font-size: 30px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom:10px;
   }


.sale_more{
    
   }


.sale_more a{
    background-color: #009f50;
    font-style: italic;
    font-family: "凝書體 2.1 Regular,sans-serif";
    color: #fff;
    border-radius: 10px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
   }


.sale_more a:hover{
    background-color: #ea6d9f;
   }


.mabout_main{
    display: none;   
   }

.about_main{
    background-image: url(../img/i_about_bg.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
    padding-top: 60px;
    padding-bottom: 60px;
   }

.about_box{
    width: 1500px;
    margin-left: auto;
    margin-right: auto;
   }


.about_mask{
    width: 45%;
    float: left;
    display: block;
    padding: 15px;
    background-image: url(../img/i_mask.jpg);
    background-repeat: no-repeat;
    margin-bottom: 20px;
    background-position: center bottom;
   }

.about_img{
    padding: 15px;
    background-color: #FFFFFF;
   }


.about_img img{
    width: 100%;
    display: block;
   }


.about_txt{
    width: 45%;
    float: right;
    display: block;
    margin-top: 170px;
    margin-right: 5%;
   }


.about_txt h1{
    color: #000000;
    font-size: 40px;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 20px;
   }

.about_txt p{
    color: #666666;
    font-size: 20px;
    line-height: 30px;
   }


.about_txt a{
    color: #666666;
 }

.about_more{
    margin-top: 150px;
   }

.about_more ul{
   
   }

.about_more ul li{
   
   }

.about_more ul li a{
    background-color: #ea6d9f;
    color: #fff;
    border-radius: 10px;
    width: 200px;
    margin-top: 0px;
    margin-right: 20px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-top: 12px;
    padding-bottom: 12px;
    display: block;
    float: left;
    font-size: 20px;
    text-align: center;
   }


.about_more ul li a:hover{
    background-color: #ccc;
    color: #000000;
   }


.news_main{
    padding-top: 60px;  
   }

.news_main h1{  
      color: #333;
    font-size: 48px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 60px;
}

.news_list{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 30px;
    margin-bottom: 30px;
   }


.news_list a{
    color: #666666;
  
   }


.news_list a:hover{ 
	color: #000;
   }


.news_date{
    font-style: italic;
    font-family: "凝書體 2.1 Regular,sans-serif";
    color: #009f50;
    font-size: 20px;
    width: 15%;
    float: left;
   }

.news_txt{
    color: #666666;
    font-size: 18px!important;
    width: 85%;
    float: right;
    line-height: 30px;
   }

.news_txt h2{
    color: #333;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
   }


.news_more{
   }

.news_more  a{
    background-color: #009f50;
    font-style: italic;
    font-family: "凝書體 2.1 Regular,sans-serif";
    color: #fff!important;
    border-radius: 10px;
    width: 140px;
    margin-top: 12px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    float: right;
    font-size: 20px;
    text-align: center;
   }
.news_more  a:hover{
    background-color: #ea6d9f;
    text-decoration: none;
    color: #FFFFFF;
   }

.footer_main{
    background-color: #333130;
    color: #FFFFFF;
    padding-top: 40px;
    padding-bottom: 40px;
   }

.footer_box{
    width:1500px;
    margin-left: auto;
    margin-right: auto;
   }

.footer_logo{
    width:400px;
   }


.footer_logo ul{
    margin-left: 70px;   
   }

.footer_logo ul li{
    margin-top: 0px;
    padding-top: 8px;
    padding-bottom: 3px;
    padding-left: 30px;
   }


.footer_logo ul li a{
    color: #FFFFFF;
    text-decoration: underline;
   }

.footer_logo ul li a:hover{
    color: #e36c9f;
    text-decoration: none;
   }


.footer_logo img{
    width: 300px;
   }
.footer_arrow1{
    background-image: url(../img/footer_arrow1.jpg);
    background-repeat: no-repeat;
    background-position: left top;
   }

.footer_arrow2{
    background-image: url(../img/footer_arrow2.jpg);
    background-repeat: no-repeat;
    background-position: left top;
   }

.footer_arrow3{
    background-image: url(../img/footer_arrow3.jpg);
    background-repeat: no-repeat;
    background-position: left top;
   }

.footer_arrow4{
    background-image: url(../img/footer_arrow4.jpg);
    background-repeat: no-repeat;
    background-position: left top;
   }


.footer_menu{
    border-left: 1px solid #646262;
    float: right;
    width: 1050px;
    padding-left:100px;
   }


.fmenu {
    width: 20%;
    float: left;
   }

.fmenu ul{
    
   }

.fmenu ul li{
    background-image: url(../img/footer_list.jpg);
    background-repeat: no-repeat;
    padding-left: 16px;
    background-position: 0px 8px;
    color: #FFFFFF;
    padding-bottom: 15px;
   }
.fmenu ul li a{
    color: #FFFFFF;
   }

.fmenu ul li a:hover{
    color: #ea6d9f;
   }

.fmenu ul li ul{
   }

.fmenu ul li ul li{
    padding-top: 8px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;    
    background-image: url(../img/footer_list_list.jpg);
    background-repeat: no-repeat;
   }

.fmenu ul li ul li a{
    color: #b2b2b2;
   }

.fmenu ul li ul li a:hover{
    color: #fff;
   }


.footer_icon {
    width: 20%;
    float: left;
    padding-top: 120px;
   }


.footer_icon img {
    width: 50px;
    margin-left: 2px;
    margin-right: 2px;
   }

.copyright {
    background-color: #1b1b1b;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    color: #CCCCCC;
    border-bottom: 5px solid #ea6d9f;
   }

.copyright a{
      color: #CCCCCC;
   }

.copyright a:hover{
    color: #FFFFFF;
    text-decoration: underline;
   }



.mfooter_menu{
    display:none;   
   }


.main_box{
    width: 100%;
    padding-bottom: 60px;
    background-image: url(../img/main_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    padding-top: 100px;
}

.brand_box{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.brand_box h1{
    color: #333;
    font-size: 48px;
    font-weight: 400;
    text-align: center;
}

.brand_box h2{
    color: #c2c2c2;
    font-size: 48px;
    text-align: center;
    margin-bottom: 40px;
    
}

.brand_box2{
    background-color: #fafafa;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.brand_box2 h1{
    color: #333;
    font-size: 48px;
    font-weight: 400;
    text-align: center;
}

.brand_box2 h2{
    color: #c2c2c2;
    font-size: 48px;
    text-align: center;
    margin-bottom: 40px;
    
}

.brand_list{
    position: relative;
    width: 46%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 30px;
}

.brand_list h3{
    position: relative;
    width: 50%;
    color: #000000;
    font-size: 26px;
    font-weight: 600;
    margin-top: 20px;
    margin-left: 250px;
    height: 60px;
}


.brand_img{
    position: absolute;
    left: 20px;
    width: 200px;
    bottom: 40px;
}


.brand_more{
    
   }


.brand_more a{
    background-color: #009f50;
    font-style: italic;
    font-family: "凝書體 2.1 Regular,sans-serif";
    color: #fff;
    border-radius: 10px;
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    float: right;
    font-size: 20px;
    text-align: center;
   }


.brand_more a:hover{
    background-color: #ea6d9f;
   }

.pro_line{
    text-align: center;
    margin-bottom: 40px;
   }


.top_banner_m{
    display: none;	
  
   }



.top_banner{
	 border-top: 6px solid #ea6d9f;
  
   }


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


.pro_brand{
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
   }


.pro_list{  
   }

.pro_list ul{
  
   }

.pro_list ul li{
    width: 32.3%;
    background-color: #656565;
    color: #FFFFFF;
    text-align: center;
    float: left;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-bottom: 1.5%;
   }

.pro_list ul li img{
    width: 100%;
    height: auto;
   }

.pro_list p{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 24px;
    line-height: 26px;
   }




.work_list {  
   }

.work_list h3 {
    background-color: #e36c9f;
    padding: 5px;
    border-radius: 20px;
    font-size: 22px;
    color: #FFFFFF!important;
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.work_list ul{
  
   }

.work_list  ul li{
    width: 32.3%;
    color: #666;
    text-align: center;
    float: left;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-bottom: 1.5%;
   }

.work_list ul li img{
    width: 100%;
    height: auto;
   }

.work_list p{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 22px;
    line-height: 26px;
    color: #333!important;
   }



.previous_l{
    width: 50%;
    float: left;
    margin-top: 60px;
   }


.previous_l a{
    color: #e36c9f;
    border-radius: 10px;
    width: 200px;
    margin-top: 0px;
    margin-right: 30px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    float: right;
    font-size: 20px;
    text-align: center;
    font-style: italic;
    font-family: "凝書體  2.1 Regular,sans-serif";
    border: 1px solid #e36c9f;
    background-image: url(../img/page_arrow1.jpg);
    background-repeat: no-repeat;
    background-position: 15px center;
   }

.previous_l a:hover{
    background-color: #e36c9f;
	 background-image: url(../img/page_arrow1over.jpg);
    color: #FFFFFF;
   }


.previous_r{
    width: 50%;
    float: left;
	 margin-top: 60px;
   }

.previous_r a{
    color: #e36c9f;
    border-radius: 10px;
    width: 200px;
    margin-top: 0px;
    margin-left: 30px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    float: left;
    font-size: 20px;
    text-align: center;
    font-style: italic;
    font-family: "凝書體  2.1 Regular,sans-serif";
    border: 1px solid #e36c9f;
	background-image: url(../img/page_arrow2.jpg);
	background-repeat: no-repeat;
    background-position: 155px center;
   }
.previous_r a:hover{
    background-color: #e36c9f;
   background-image: url(../img/page_arrow2over.jpg);
    color: #FFFFFF;
   }

.detail_img{
    width: 50%;
    float: left;
   }

.detail_img img{
    width: 100%;
    height: auto;   
   }
.detail_txt{
    width: 47%;
    float: right;
   }

.detail_txt h3{
    color: #000000;
    font-size: 48px;
    margin-bottom: 10px;
    margin-top:30px;
   }

.detail_txt h4{
    color: #666;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    border-bottom: 3px solid #e36c9f;
    padding-bottom: 8px;
   }

.detail_txt ul{
    margin-top: 20px;  
   }


.detail_txt ul li{
    color: #666666;
    font-size: 20px;
    margin-bottom: 15px;
    line-height: 30px;
   }

.detail_txt ul li p{
    color: #000;
    font-weight: 600;  
   }


.detail_more {
    
   }

.detail_more a{
    color: #e36c9f;
    border-radius: 10px;
    width: 200px;
    margin-top: 0px;
    margin-left: 30px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
 
	 display: block;
    float: right;
    font-size: 20px;
    text-align: center;
    font-style: italic;
    font-family: "凝書體  2.1 Regular,sans-serif";
    border: 1px solid #e36c9f;
   }
.detail_more a:hover{
    background-color: #e36c9f;
    color: #FFFFFF;
   }


.buycar_more {
   
   }

.buycar_more a{
	 background-color: #e36c9f;
    color: #FFFFFF;
    border-radius: 10px;
    width: 200px;
    margin-top: 0px;
    margin-left: 30px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    float: right;
    font-size: 20px;
    text-align: center;
    font-style: italic;
    font-family: "凝書體  2.1 Regular,sans-serif";
    border: 1px solid #e36c9f;
   }
.buycar_more a:hover{
    background-color: #fff;
    color: #e36c9f;
   }

.gallery{
    width: 100%;
    margin-top: 20px;
   }


.gallery ul{
   
   }


.gallery ul li{
   width: 33%;
    float: left;
    margin-left: 0%;
    margin-right: 0.33%;
    margin-bottom: 0.33%;
   }


.gallery_video{
    width: 100%;
    margin-top: 20px;
   }


.gallery_video ul{
   
   }


.gallery_video ul li{
   width: 33%;
    float: left;
    margin-left: 0%;
    margin-right: 0.33%;
    margin-bottom: 0.33%;
   }

.ad{
    width: 100%;
    margin-top: 20px;
   }

.ad img{
    width: 100%;
  
   }

.detail_more_main{
    border-top: 1px solid #c0c0c0;
    padding-top:60px;
   }

.detail_more_main h1 {
    color: #333;
    font-size: 38px;
    font-weight: 400;
    text-align: center;
}

.detail_more_box {
    width: 80%;
    padding-bottom: 60px;
    padding-top: 60px;
    margin-left: auto;
    margin-right: auto;
}

.pro_back {
    margin-top: 30px;  
}

.pro_back a {
    color: #FFFFFF;
    border-radius: 10px;
    width: 200px;
    margin-top: 0px;
    margin-left: auto;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    font-size: 20px;
    text-align: center;
    border: 1px solid #e36c9f;
    background-repeat: no-repeat;
    background-position: 155px center;
    margin-right: auto;
    background-color: #e36c9f;
}

.pro_back a:hover {
    color: #e36c9f;
    border: 1px solid #e36c9f;
    background-color: #FFFFFF;
}


.buy_main {
    width: 1000px;
    margin-left: auto;
    border-radius: 12px;
    margin-right: auto;
    padding: 30px;
    border-left: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
    border-bottom: 1px solid#c2c2c2;
    border-top: 1px solid #c2c2c2;
    font-size: 16px;
}

.buy_main p {
    color: #333;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.buy_td1 {
    padding: 10px;
    border-bottom: 1px solid #cccc;
    width: 120px;
    color: #333;
}

.buy_td2 {
    padding: 6px;
    width: 100%;
    border: 1px solid #c2c2c2;
	 color: #333;
	 font-size: 16px;
}


.buy_td3 {
    padding: 6px;
    width: 120px;
    border: 1px solid #c2c2c2;
	 color: #333;
	 font-size: 16px;
}

.buy_td4 {
    padding: 10px;
    border-bottom: 1px solid #cccc;
    width: 300px;
    color: #333;
    font-size: 16px;
    line-height: 24px;
}

.buy_td5 {    
	padding: 6px;
    border: 1px solid #c2c2c2;
    color: #333;
    font-size: 16px;
}

.red {
    color: #FF0004;   
}

.btn_box {
    text-align: center;
    padding-top: 30px;
}

.btn  {
    color: #FFFFFF;
    border-radius: 10px;
    width: 120px;
    margin-top: 0px;
    margin-left: auto;
    margin-bottom: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
    font-size: 16px;
    text-align: center;
    border: 1px solid #e36c9f;
    background-repeat: no-repeat;
    background-position: 155px center;
    margin-right: auto;
    background-color: #e36c9f;
}


.iframe-rwd {
    position: relative;
    padding-bottom:470px;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.iframe-rwd iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
}

.contact_box {
    background-color: #fbfbfb;   
}

.contact_txt {
    width:700px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
   
}

.contact_logo {
    width: 380px;
    float: left;
}

.contact_logo  img {
    width: 100%;
}

.contact_info {
    width: 300px;
    float: right;
    color: #666;
    line-height: 26px;
    padding-top: 10px;
}

.route {
    background-color: #eaeaea;
    padding: 20px;
    border-radius: 10px;
    width: 100%;
}

.route_bg1 {
    background-image: url("../img/contact_truck1.png");
    background-repeat: no-repeat;
    height: 190px;
    ine-height: 24px;
    background-position: 0% bottom;
    line-height: 24px;
}
.route_bg2 {
    background-image: url("../img/contact_truck2.png");
    background-repeat: repeat-x;
    height: 190px;
    background-position: 0% bottom;
    width: 90px;
}


.route_main {
    width: 860px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
}
.inquire {
  
}

.inquire ul {
  
}

.inquire ul li {
    width: 20%;
    text-align: center;
    float: left;
    display: block;
    padding-right: 10px;
}

.inquire ul li a {
    color: #333;   
}

.inquire ul li img {
    width:100%;
}

.brand_box h1 {
    color: #333;
    font-size: 48px;
    font-weight: 400;
    text-align: center;
}

.newsp_list {
     width: 70%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.newsp_list h2 {
    color: #333!important;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: left;
}
.newsp_list a {
    color: #666666;
}

.newsp_list  a:hover{ 
	color: #000;
   }



.nprevious_l{
    width: 50%;
    float: left;
    margin-top: 0px;
    margin-bottom: 60px;
   }


.nprevious_l a{
    color: #e36c9f;
    border-radius: 10px;
    width: 200px;
    margin-top: 0px;
    margin-right: 30px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    float: right;
    font-size: 20px;
    text-align: center;
    font-style: italic;
    font-family: "凝書體  2.1 Regular,sans-serif";
    border: 1px solid #e36c9f;
   }

.nprevious_l a:hover{
    background-color: #e36c9f;
	 background-image: url(../img/page_arrow1over.jpg);
    color: #FFFFFF;
   }


.nprevious_r{
    width: 50%;
    float: left;
    margin-top: 0px;
    margin-bottom: 60px;
   }

.nprevious_r a{
    color: #e36c9f;
    border-radius: 10px;
    width: 200px;
    margin-top: 0px;
    margin-left: 30px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    float: left;
    font-size: 20px;
    text-align: center;
    font-style: italic;
    font-family: "凝書體  2.1 Regular,sans-serif";
    border: 1px solid #e36c9f;
   }
.nprevious_r a:hover{
    background-color: #e36c9f;
   background-image: url(../img/page_arrow2over.jpg);
    color: #FFFFFF;
   }




.back{
   
   }

.back a{
    color: #e36c9f;
    border-radius: 10px;
    width: 200px;
    margin-top: 0px;
    margin-left: auto;
	margin-right: auto;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    font-size: 20px;
    text-align: center;
    font-style: italic;
    font-family: "凝書體  2.1 Regular,sans-serif";
    border: 1px solid #e36c9f;
     
   }
.back a:hover{
    background-color: #e36c9f;
    color: #FFFFFF;
   }


.about {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 50px;
}

.about img {
    width: 100%;
    border: 8px solid #FFFFFF;
}
.about h3 {
    color: #000;
    font-size:36px;
    font-weight: 600;
    margin-bottom: 20px;
    font-style: italic;
}

.about p{
    margin-bottom: 30px;
    line-height: 30px;
}

.about_img_mask {
    border-width: 0px;
}

.about_img_mask {
   
}

.about_img_mask img {
    border-width: 0px;
}


.history_main {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}


.history_line1 {
    padding: 15px;
    border-bottom: 2px solid #ea6d9f;
}

.history_line2 {
	padding:  15px;
    border-bottom: 1px solid #e0e0e0;
}

.performance{  
    width: 100%;
}

.performance ul{
    width: 29.33%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
  
}

.performance ul li{
    margin-bottom: 8px;
    line-height: 30px;
    background-image: url(../img/about_arrow1.jpg);
    background-repeat: no-repeat;
    background-position: left 11px;
    padding-left: 12px;
    border-bottom: 1px dotted #e0e0e0;
}


.service_list{
    width: 50%;
    float: left;
    height: 340px;
    margin: 0px;
    padding: 30px;
    border-bottom: 1px solid #e0e0e0;
}

.service_list img{
    border-radius:50%;
    width: 120px;
    float: left;
}

.service_txt{
    width: auto;
    float: left;
    margin-left: 20px;
}

.service_txt h3{
    color: #333333;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 15px;
}

.service_txt p{
    color: #eb6c9f;
    margin-bottom: 10px;
    display: block;
}
.service_txt ol{
	  padding-left: 20px;
   
}

.service_txt ol li{
    list-style-type: lower-alpha;
    margin-bottom:8px;  
}


.service_main{
    border-radius:30px;
    padding: 20px;
    background-color: #fafafa;
}


.service_txt2{
    width: auto;
    float: left;
    margin-left: 20px;
}

.service_txt2 h3{
    color: #333333;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 37px;
}

.service_txt2 p{
    color: #eb6c9f;
    margin-bottom: 10px;
    display: block;
}

.service_list2{
    width: 50%;
    float: left;
    height: 180px;
    margin: 0px;
    padding: 30px;
    border-bottom: 1px dotted #e0e0e0;
}

.service_list2 img{
    border-radius:50%;
    width: 120px;
    float: left;
}


.service_txt3{
    width: auto;
    float: left;
    margin-left: 20px;
}

.service_txt3 h3{
    color: #333333;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 37px;
}

.service_txt3 p{
    color: #eb6c9f;
    margin-bottom: 10px;
    display: block;
}

.service_list3{
    width: 50%;
    float: left;
    height: 180px;
    margin: 0px;
    padding: 30px;
   
}

.service_list3 img{
    border-radius:50%;
    width: 120px;
    float: left;
}


.case_txt2{
    width: 47%;
    float: right;
   }

.case_txt2 h3{
    background-color: #e36c9f;
    padding: 5px;
    border-radius: 50%;
    font-size: 30px;
    color: #FFFFFF;
    width: 80px;
    height: 80px;
    margin-bottom: 30px;
    text-align: center;
    line-height: 70px;
    border: 4px solid #fcb6d4;
   }

.case_txt2 h4{
    color: #333;
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 800;
    line-height: 36px;
   }

.case_txt2 p{
    line-height: 30px;
   }

.q{
    line-height: 40px;
    background-color: #ea6d9f;
    color: #FFFFFF;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
    display: block;
    text-align: center;
	 font-size: 28px;
   }

.qa_list {
    width:1000px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    margin-bottom:20px;
    border-bottom: 1px solid rgb(224, 224, 224);
    line-height: 30px;
}

.qa_list h3 {
    font-size: 28px;
    width: 950px;
    float: right;
    margin-top: 8px;
    font-weight:600;
}


.qa_list_t{
    margin-top: 10px;
    margin-left: 50px;
   
}
.qa_list_t ol{
}

.qa_list_t ol li{
    list-style-type: decimal;
}

.qa_title{
    padding: 10px;
    color: #e36c9f;
    font-size: 28px;
    border: 1px solid #e36c9f;
    width: 300px;
    text-align: center;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
}

.job_main{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.job_box{
    width: 460px;
    float: left;
    border-radius: 20px;
    padding: 20px;
    margin: 20px;
    background-color: #F1F1F1;
}

.job_box h3{
    background-color: #009f50;
    color: #FFFFFF;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 20px;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
}

.job_img{
    width: 120px;
    float: left;
    margin-right: 20px;
}

.job_img img{
    width: 120px;
    border-radius: 50%;
    height: 120px;	
}

.job_txt{
    width:280px;
    float: left;
}


.job_txt ul{	
    padding-left: 15px;
   
}


.job_txt ul li{
    list-style-type: disc;
    margin-bottom: 6px;
}


.job_txt ul li{
    list-style-type: disc;
    margin-bottom: 6px;
}
.job_more{
}

.job_more a{
    background-color: #999999;
    color: #fff;
    border-radius: 10px;
    width: 140px;
    padding: 6px;
    display: block;
    float: right;
    font-size: 20px;
    text-align: center;
    margin-top: 15px;
	font-family: "凝書體 2.1 Regular,sans-serif";	
    font-style: italic;

}

.job_more a:hover{
    background-color: #ea6d9f;

}


/*筆記型電腦、IPAD橫式* 1169px以下(包含1169px)*/
@media only screen and (max-width: 1169px) {
	
	.detail_more_box {
    width: 96%;
    padding-bottom: 60px;
    padding-top: 60px;
    margin-left: auto;
    margin-right: auto;
}
	.newsp_list {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
	.service_list img {
    border-radius: 50%;
    width: 100px;
    float: left;
}
	.service_list2 img {
    border-radius: 50%;
    width: 100px;
    float: left;
}
	.service_list3 img {
    border-radius: 50%;
    width: 100px;
    float: left;
}
	.service_txt {
    width: 75%;
    float: right;
    margin-left: 20px;
    font-size: 18px;
    line-height: 26px;
}
	.service_txt2 {
    width: 75%;
    float: right;
    margin-left: 20px;
    font-size: 18px;
    line-height: 26px;
}
	.service_txt3 {
    width: 75%;
    float: right;
    margin-left: 20px;
    font-size: 18px;
    line-height: 26px;
}
	.service_txt2 h3 {
    color: #333333;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 20px;
}
	.service_txt3 h3 {
    color: #333333;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 20px;
}
	
	.service_list {
    width: 50%;
    float: left;
    height: 435px;
    margin: 0px;
    padding: 30px;
    border-bottom: 1px solid #e0e0e0;
}
	
	.qa_list {
    width:80%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgb(224, 224, 224);
    line-height: 30px;
}
	.qa_list h3 {
    font-size: 28px;
    width: 94%;
    float: right;
    margin-top: 8px;
    font-weight: 600;
}
	.qa_list_t {
    margin-top: 10px;
    margin-left: 0px;
    width: 94%;
    float: right;
}
	.job_box {
    width: 46%;
    float: left;
    border-radius: 20px;
    padding: 20px;
    margin: 20px;
    background-color: #F1F1F1;
}
	.job_main {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
	
	.brand_box {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
	.about {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 50px;
}
	.about p {
    margin-bottom: 30px;
    line-height: 30px;
    font-size: 18px;
}
	.history_main {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    font-size: 18px;
}
	.performance ul li {
	font-size: 18px;
    margin-bottom: 8px;
    line-height: 30px;
    background-image: url(../img/about_arrow1.jpg);
    background-repeat: no-repeat;
    background-position: left 11px;
    padding-left: 12px;
    border-bottom: 1px dotted #e0e0e0;
}
	
	.buycar_more a {
    background-color: #e36c9f;
    color: #FFFFFF;
    border-radius: 10px;
    width: 160px;
    margin-top: 0px;
    margin-left: 30px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    float: right;
    font-size: 20px;
    text-align: center;
    font-style: italic;
    font-family: "凝書體 2.1 Regular,sans-serif";
    border: 1px solid #e36c9f;
}
	.detail_more a {
    color: #e36c9f;
    border-radius: 10px;
    width: 160px;
    margin-top: 0px;
    margin-left: 30px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    float: right;
    font-size: 20px;
    text-align: center;
    font-style: italic;
    font-family: "凝書體 2.1 Regular,sans-serif";
    border: 1px solid #e36c9f;
}
	
	
	.footer_box {
    width:96%;
    margin-left: auto;
    margin-right: auto;
}
	.footer_menu {
    border-left: 1px solid #646262;
    float: right;
    width: 70%;
    padding-left: 30px;
}
	
	.footer_icon {
    width: 100%;
    float: left;
    padding-top: 10px;
    text-align: right;
}
	
.case_box {
    margin-top: 100px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
}

	.oil_list {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    margin-bottom: 60px;
}
	.oil_list ul li {
    width: 33.3%;
    float: left;
    padding-left: 105px;
    color: #ea6d9f;
    font-size: 40px;
    font-weight: 600;
    padding-top: 18px;
    padding-bottom: 18px;
    display: block;
    margin-bottom: 10px;
}
	
	.sale_box {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
	.about_box {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
	
	
.about_more ul li a {
    background-color: #ea6d9f;
    color: #fff;
    border-radius: 10px;
    width: 26%;
    margin-top: 0px;
    margin-right: 20px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-top: 12px;
    padding-bottom: 12px;
    display: block;
    float: left;
    font-size: 20px;
    text-align: center;
}
	.about_txt {
    width: 45%;
    float: right;
    display: block;
    margin-top: 60px;
    margin-right: 5%;
}
	
	.about_main {
    background-image: url(../img/i_about_bg.jpg);
    background-repeat: repeat-x;
    background-position: left 350px;
    padding-top: 60px;
    padding-bottom: 60px;
}
	.news_list {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
	
	

	}


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

/*筆記型電腦、IPAD橫式* 1169px以下(包含1180px)*/

@media only screen and (max-width: 1180px) {
	.qa_list {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgb(224, 224, 224);
    line-height: 30px;
}
	.brand_box {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
	.newsp_list {
    width:100%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
	.oil_list {
    width:90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    margin-bottom: 60px;
}
	.about_box {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
	.oil_list ul li {
    width: 33.3%;
    float: left;
    padding-left: 105px;
    color: #ea6d9f;
    font-size: 40px;
    font-weight: 600;
    padding-top: 18px;
    padding-bottom: 18px;
    display: block;
    margin-bottom: 20px;
}
	.news_list {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
	.footer_menu {
    border-left: 1px solid #646262;
    float: right;
    width: 65%;
    padding-left: 40px;
}
	.case_box {
    margin-top: 100px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
}
	.about_txt {
    width: 45%;
    float: right;
    display: block;
    margin-top: 40px;
    margin-right: 5%;
}
	.about_more ul li a {
    background-color: #ea6d9f;
    color: #fff;
    border-radius: 10px;
    width: 155px;
    margin-top: 0px;
    margin-right: 20px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-top: 12px;
    padding-bottom: 12px;
    display: block;
    float: left;
    font-size: 20px;
    text-align: center;
}
	.footer_box {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
	.footer_logo {
    width: 35%;
    margin-left: 20px;
}
/*.cd-primary-nav {
    position: static;
    padding-top: 0;
    padding-right: 1em;
    padding-left: 0;
    padding-bottom: 0;
    height: auto;
    width: auto;
    float: right;
    overflow: visible;
    background: transparent;
}*/
	.about {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 50px;
}
	.history_main {
    width:80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}
	
	.footer_icon {
    width: 98%;
    float: left;
    padding-top: 0px;
    margin-right: 2%;
    text-align: right;
}
	.footer_icon img {
    width: 48px;
    margin-left: 2px;
    margin-right: 2px;
}
	
	.service_list {
    width: 50%;
    float: left;
    height: 308px;
    margin: 0px;
    padding: 15px;
    border-bottom: 1px solid #e0e0e0;
}
	.service_list img {
    border-radius: 50%;
    width: 100px;
    float: left;
}
	.service_txt {
    width: 70%;
    float: left;
    margin-left: 20px;
}
	.service_txt p {
    color: #eb6c9f;
    margin-bottom: 10px;
    display: block;
    line-height: 22px;
}
	
	.service_txt h3 {
    color: #333333;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 15px;
}
	
	.service_list2 {
    width: 50%;
    float: left;
    margin: 0px;
    padding: 15px;
	height: 132px;
    border-bottom: 1px solid #e0e0e0;
}
	.service_list2 img {
    border-radius: 50%;
    width: 100px;
    float: left;
}
	.service_txt2 {
    width: 70%;
    float: left;
    margin-left: 20px;
}
	.service_txt2 h3 {
    color: #333333;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 15px;
}
	.service_txt2 p {
    color: #eb6c9f;
    margin-bottom: 10px;
    display: block;
    line-height: 22px;
}
	
	.service_list3 {
    width: 50%;
    float: left;
    margin: 0px;
    padding: 15px;
	height: 132px;
    border-bottom: 1px solid #e0e0e0;
}
	.service_list3 img {
    border-radius: 50%;
    width: 100px;
    float: left;
}
	.service_txt3 {
    width: 70%;
    float: left;
    margin-left: 20px;
}
	.service_txt3 h3 {
    color: #333333;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 15px;
}
	.service_txt3 p {
    color: #eb6c9f;
    margin-bottom: 10px;
    display: block;
    line-height: 22px;
}
	.buy_main {
    width: 100%;
    margin-left: auto;
    border-radius: 12px;
    margin-right: auto;
    padding: 30px;
    border-left: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
    border-bottom: 1px solid#c2c2c2;
    border-top: 1px solid #c2c2c2;
    font-size: 16px;
}
	
	.cd-main-header {
    height: 100px;
    background: #ffffff;
    z-index: 3;
}
	.cd-logo img {
    display: block;
    width: 220px;
}
	.brand_box h1 {
    color: #333;
    font-size: 40px;
    font-weight: 400;
    text-align: center;
}
	.brand_box h2 {
    color: #c2c2c2;
    font-size: 26px;
	line-height: 34px;
    margin-bottom: 5px;
}
}	
	
/*IPAD MIMI橫式* 1100px以下(包含1100px)*/

@media only screen and (max-width: 1100px) {
	.about_more ul li a {
    background-color: #ea6d9f;
    color: #fff;
    border-radius: 10px;
    width: 145px;
    margin-top: 0px;
    margin-right: 20px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-top: 12px;
    padding-bottom: 12px;
    display: block;
    float: left;
    font-size: 20px;
    text-align: center;
}
	.about_txt {
    width: 50%;
    float: right;
    display: block;
    margin-top: 40px;
    margin-right: 5%;
}
	.cd-logo {
    position: absolute;
    top: 13px;
    left: 3%;
}
	.cd-header-buttons {
    position: absolute;
    display: inline-block;
    top:18px;
    right: 3%;
}

.cd-main-header {
    height: 75px;
    background: #ffffff;
    z-index: 3;
}
	.brand_img {
    position: absolute;
    left: 20px;
    width: 170px;
    bottom: 70px;
}
	.brand_list h3 {
    position: relative;
    width: 50%;
    color: #000000;
    font-size: 26px;
    font-weight: 600;
    margin-top: 10px;
    margin-left: 200px;
    height: 60px;
}
	.newsp_list {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
	
	.brand_box h2 {
    color: #c2c2c2;
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 5px;
}
	.service_txt ol li {
    list-style-type: lower-alpha;
    margin-bottom: 2px;
}
	.service_list {
    width: 50%;
    float: left;
    height: 357px;
    margin: 0px;
    padding: 15px;
    border-bottom: 1px solid #e0e0e0;
}
	.qa_list {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgb(224, 224, 224);
    line-height: 30px;
}
	.job_main {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
	.job_box {
    width: 45%;
    float: left;
    border-radius: 20px;
    padding: 20px;
    margin: 20px;
    background-color: #F1F1F1;
}
	.brand_box {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}
	.job_img {
    width: 100%;
    float: none;
    margin-right: 0px;
    text-align: center;
}
	.job_txt {
   width: 90%;
    margin-left: auto;
    margin-right: auto;
    float: none;
}
	.job_txt ul {
    padding-left: 0px;
    width: 100%;
}
	.footer_icon {
    width: 100%;
    float: left;
    padding-top: 0px;
}
	.footer_icon {
    width: 98%;
    float: left;
    padding-top: 0px;
    margin-right: 2%;
}
	.footer_icon img {
    width: 48px;
    margin-left: 2px;
    margin-right: 3px;
}
}

/*IPAD直式* 850px以下(包含850px)*/

@media only screen and (max-width: 850px) {
	.newsp_list {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
	.brand_box h2 {
    color: #c2c2c2;
    font-size: 26px;
    margin-bottom: 10px;
    line-height: 34px;
}
	
	.brand_img {
    position: absolute;
    left: 20px;
    width: 145px;
    bottom: 85px;
}
	.about_more ul li a {
    background-color: #ea6d9f;
    color: #fff;
    border-radius: 10px;
    width: 100px;
    margin-top: 0px;
    margin-right: 20px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-top: 12px;
    padding-bottom: 12px;
    display: block;
    float: left;
    font-size: 20px;
    text-align: center;
}
	.main_box {
    width: 100%;
    padding-bottom: 60px;
    background-image: url(../img/main_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    padding-top: 60px;
}
	.route_main {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
}
	.brand_box {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
	.brand_list h3 {
    position: relative;
    width: 50%;
    color: #000000;
    font-size: 26px;
    font-weight: 600;
    margin-top: 20px;
    margin-left: 180px;
    height: 60px;
}
	.brand_more a {
    background-color: #009f50;
    font-style: italic;
    font-family: "凝書體 2.1 Regular,sans-serif";
    color: #fff;
    border-radius: 10px;
    width: 130px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    float: right;
    font-size: 20px;
    text-align: center;
}
	
	.job_main {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
	
	.job_box {
    width: 44%;
    float: left;
    border-radius: 20px;
    padding: 20px;
    margin: 20px;
    background-color: #F1F1F1;
}
	.job_img {
    width: 100%;
    float: none;
    margin-right: 0px;
    text-align: center;
}
	
	.news_list {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
	
	.cd-main-header {
    height: 80px;
    background: #ffffff;
    z-index: 3;
}
	.cd-logo img {
    display: block;
    width: 220px;
}

	
	/*.cd-header-buttons {
    position: absolute;
    display: inline-block;
    top: 27px;
    right: 5%;
}*/
	
	
	.about_txt {
    width: 50%;
    float: right;
    display: block;
    margin-top: 45px;
    margin-right: 4%;
}
 .about_main {
    background-image: url(../img/i_about_bg.jpg);
    background-repeat: repeat-x;
    background-position: left 290px;
    padding-top: 40px;
    padding-bottom: 40px;
}
	
 .about_more {
    margin-top: 68px;
}
.about_txt h1 {
    color: #000000;
    font-size: 28px;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 20px;
}
	.about_mask {
    width: 45%;
    float: left;
    display: block;
    padding-top: 50px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    background-image: none;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    background-position: center bottom;
}
	
	
.footer_menu{
    display:none;   
   }

	
.mfooter_menu{
    display: block;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
   }

.fmenu {
    width:25%;
    float: left;
}
	
	
	
.mfmenu {
    width: 25%;
    float: left;
    margin-top: 0px;
   }

.mfmenuul{
    
   }

.mfmenu ul li{
    background-image: url(../img/footer_list.jpg);
    background-repeat: no-repeat;
    padding-left: 16px;
    background-position: 0px 8px;
    color: #FFFFFF;
    padding-bottom: 15px;
   }
.mfmenu ul li a{
    color: #FFFFFF;
   }

.mfmenu ul li a:hover{
    color: #ea6d9f;
   }
	.footer_logo {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}
.footer_icon {
    width: 100%;
    float: none;
    padding-top: 40px;
    text-align: center;
    display: block;
}
.footer_icon img {
    width: 50px;
    margin-left: 5px;
    margin-right: 5px;
}
	
.copyright {
    background-color: #1b1b1b;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    color: #CCCCCC;
    border-bottom: 5px solid #ea6d9f;
    line-height: 26px;
    padding-left: 10px;
    padding-right: 10px;
}
		
	.buy_main {
    width: 100%;
}
	.buycar_more a {
    background-color: #e36c9f;
    color: #FFFFFF;
    border-radius: 10px;
    width: 160px;
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    float: right;
    font-size: 20px;
    text-align: center;
    font-style: italic;
    font-family: "凝書體 2.1 Regular,sans-serif";
    border: 1px solid #e36c9f;
}
	.detail_txt h3 {
    color: #000000;
    font-size: 38px;
    margin-bottom: 10px;
    margin-top: 0px;

	}
	
	.oil_list {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    margin-bottom: 60px;
}
	.service_list {
    width: 50%;
    float: left;
    height: 435px;
    margin: 0px;
    padding: 10px;
    border-bottom: 1px solid #e0e0e0;
}
	.service_txt {
    width: 62%;
    float: right;
    margin-left: 20px;
    font-size: 18px;
    line-height: 26px;
}
	.service_txt h3 {
    color: #333333;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 8px;
    line-height: 30px;
}
	.service_list2 {
    width: 50%;
    float: left;
    height: 180px;
    margin: 0px;
    padding: 10px;
    border-bottom: 1px dotted #e0e0e0;
}
	.service_txt2 {
    width: 62%;
    float: right;
    margin-left: 20px;
    font-size: 18px;
}
	.service_txt2 h3 {
    color: #333333;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 8px;
    line-height: 30px;
}
	.service_list3 {
    width: 50%;
    float: left;
    height: 180px;
    margin: 0px;
    padding: 10px;
}
	.service_txt3 {
    width: 62%;
    float: right;
    margin-left: 20px;
    font-size: 18px;
    line-height: 26px;
}
	.service_txt3 h3 {
    color: #333333;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 8px;
    line-height: 30px;
}
	
}

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



/*IPAD直式* 700px以下(包含700px)*/

@media only screen and (max-width: 700px) {
	.buy_main {
    width: 100%;
    margin-left: auto;
    border-radius: 12px;
    margin-right: auto;
    padding: 20px;
    border-left: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
    border-bottom: 1px solid#c2c2c2;
    border-top: 1px solid #c2c2c2;
    font-size: 16px;
}
}



/*手機板-直式* 460px以下(包含460px)*/
@media only screen and (max-width: 460px) {
	.cd-main-header {
    height: 53px;
    background: #ffffff;
    z-index: 3;
}
	
	.main_box {
    width: 100%;
    padding-bottom: 40px;
    background-image: url(../img/main_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    padding-top: 50px;
}
	.brand_box {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
}
	
	.brand_box h1 {
    color: #333;
    font-size: 34px;
    font-weight: 400;
    text-align: center;
}
	.brand_box h2 {
    color: #c2c2c2;
    font-size: 34px;
    text-align: center;
    margin-bottom: 20px;
}
	.about {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 50px;
    font-size: 18px;
}
	.about h3 {
    color: #000;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
    font-style: italic;
}
	.brand_box2 h1 {
    color: #333;
    font-size:34px;
    font-weight: 400;
    text-align: center;
}
	.brand_box2 h2 {
    color: #c2c2c2;
    font-size:34px;
    text-align: center;
    margin-bottom: 20px;
}
	.history_main {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}
	.performance ul {
    width: 100%;
    float: none;
    margin-left: 0%;
    margin-right: 0%;
}
	.history_line1 {
    font-size: 18px;
}
	.history_line2 {
    font-size: 18px;
    line-height: 28px;
}
	.performance ul li {
    font-size: 18px;
}
	.pro_line {
    text-align: center;
    margin-bottom: 20px;
}
	.brand_list {
    position: relative;
    width: 100%;
    float:none;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 30px;
}
	.brand_img {
    display: none;   
}
	.brand_list h3 {
    position: none;
    width: 100%;
    color: #000000;
    font-size: 26px;
    font-weight: 600;
    margin-top: 20px;
    margin-left: 0px;
    height: auto;
}
	
	.pro_list ul li {
    width: 100%;
    background-color: #656565;
    color: #FFFFFF;
    text-align: center;
    float: none;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 10px;
}
	
	.previous_r a {
    width: 150px;
    background-image: none;
}
	.previous_l a {
    width: 150px;
    background-image: none;
}
	.detail_img {
    width: 100%;
    float: none;
}
	.detail_txt {
    width: 100%;
    float: none;
}
	
	.buycar_more a {
    width: 48%;
    margin-left: 2%;
    float: right;
}
	.detail_more a {
     width: 48%;
    margin-left: 2%;
    float: right;
}
	.gallery ul li {
    width: 100%;
    float: none;
    margin-left: 0%;
    margin-right:  0%;
    margin-bottom: 10px;
	}
	.gallery_video ul li {
    width: 100%;
    float: none;
    margin-left: 0%;
    margin-right:  0%;
    margin-bottom: 10px;
}
	.detail_more_box {
    width: 100%;
    padding-bottom: 30px;
    padding-top: 30px;
    margin-left: auto;
    margin-right: auto;
}
	.detail_more_main h1 {
    font-size: 34px;
}
	
	.detail_txt h3 {
    font-size: 34px;
}
	.work_list ul li {
    width: 100%;
    color: #666;
    float: none;
    margin-left: 0%;
    margin-right:0%;
    margin-bottom:20px;
}
	
	.oil_list {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    margin-bottom: 60px;
}
	
	.case_txt2 {
    width: 100%;
    float: none;
}
	.case_txt2 h3 {
	margin-top: 20px;
    margin-bottom: 20px;
}
	.case_txt2 h4 {
    margin-bottom: 10px;
}
	.case_txt2 p {
    font-size: 18px;
}
	
	.newsp_list {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
	
	
	
	.footer_box {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
	.case_list {
    width: 100%!important;
    float: none; 
    margin-left: 0%;
    margin-right: 0%;
}
	.case_main {
    background-image:none;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-right: 0px;
    background-color: #656565;
}
	.case_line {
    background-image: none;
    background-repeat: repeat-y;
    background-position: left top;
    height: 14px;
    background-color: #009f50;
}
	.sale_box ul li {
    background-color: #FFFFFF;
    display: block;
    float: left;
    width: 100%;
    -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3));
    margin-left: 0%;
    margin-right: 0%;
    text-align: center;
    color: #898989;
    font-size: 20px;
}
	.about_box {
    display: none;   
}
	.news_list {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
	.news_date {
    font-style: italic;
    font-family: "凝書體 2.1 Regular,sans-serif";
    color: #009f50;
    font-size: 20px;
    width: 20%;
    float: left;
}
	.news_date {
    font-style: italic;
    font-family: "凝書體 2.1 Regular,sans-serif";
    color: #009f50;
    font-size: 20px;
    width: 100%;
    float: none;
    margin-bottom: 10px;
}
	.news_txt {
    color: #666666;
    font-size: 18px!important;
    width:100%;
    float: none;
    line-height: 30px;
}
	
.newsp_list h2 {
    text-align:none;
	text-align: left;
	font-size: 24px;
	margin-bottom:8px;
}
	
	.nprevious_r a {
    width: 150px;
    background-image: none;
}
	
	.nprevious_l a {
    width: 150px;
    background-image: none;
}
	
	.footer_logo {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    text-align: center;
}
	.footer_logo ul {
    margin-left: 50px;
    margin-top: 10px;
    text-align: left;
}
	.oil_line {
    width: 100%;
    border-bottom: 2px solid #ea6d9f;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
}
	.oil_list ul li {
    width: 50%;
    float: left;
    padding-left: 105px;
    color: #ea6d9f;
    font-size: 40px;
    font-weight: 600;
    padding-top: 18px;
    padding-bottom: 18px;
    display: block;
}
	.cd-logo {
    position: absolute;
    top: 11px;
    left: 5%;
}
 .cd-logo img {
    display: block;
    width: 70%;
}
	.case_txt {
    padding-top: 15px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom:15px;
}
	.case_box {
    margin-top: 60px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0px;
}
	.case_box h1 {
    color: #333;
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
}
	
	.news_main {
    padding-top:60px;
    margin-left: 10px;
    margin-right: 10px;
}
	.sale_box {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
	.sale_bg h1 {
    color: #333;
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
}
	.sale_bg {
    background-image: url(../img/sale_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 60px;
    padding-bottom: 30px;
}
	
.footer_menu{
    display:none;   
   }

	
.mfooter_menu{
    display: block;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
   }

.fmenu {
    width:100%;
    float: nonet;
}
	
.mfmenu {
    width: 33.3%;
    float: left;
    margin-top: 20px;
   }

.mfmenuul{
    
   }

.mfmenu ul li{
    background-image: url(../img/footer_list.jpg);
    background-repeat: no-repeat;
    padding-left: 16px;
    background-position: 0px 8px;
    color: #FFFFFF;
    padding-bottom: 15px;
   }
.mfmenu ul li a{
    color: #FFFFFF;
   }

.mfmenu ul li a:hover{
    color: #ea6d9f;
   }
.footer_icon {
    width: 100%;
    float: none;
    padding-top: 40px;
    text-align: center;
    display: block;
}
.footer_icon img {
    width: 50px;
    margin-left: 5px;
    margin-right: 5px;
}
	
.copyright {
    background-color: #1b1b1b;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    color: #CCCCCC;
    border-bottom: 5px solid #ea6d9f;
    line-height: 26px;
    padding-left: 10px;
    padding-right: 10px;
}
	.about_box {
    display: none;    
}
	.about_main {
   display: none;    
}

.mabout_main{
    background-image: url(../img/i_about_bg.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
    padding-top: 60px;
    padding-bottom: 30px;
    display: block;
   }
	
	.mabout_main h1 {
   color: #000000;
    font-size:30px;
    font-style: italic;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}
.mabout_main p {
    color: #666666;
    font-size: 20px;
    line-height: 30px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
	
.about_more{
    margin-top: 30px;
   }

.about_more ul{
   
   }

.about_more ul li{
   
   }

.about_more ul li a{
    background-color: #ea6d9f;
    color: #fff;
    border-radius: 10px;
    width: 96%;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
    display: block;
    float: none;
    font-size: 20px;
    text-align: center;
   }


.about_more ul li a:hover{
    background-color: #ccc;
    color: #000000;
   }

	
	.oil_bg {
    background-image: url(../img/oil_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    padding-top:60px;
    padding-bottom: 30px;
}
	.news_main h1 {
    color: #333;
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
}
	
.banner{
    border-top: 6px solid #ea6d9f;
    margin-top: 30px;   
}
.oil_btn a {
    border-radius: 15px;
    color: #FFFFFF;
    background-color: #009f50;
    font-size: 24px;
    font-weight: 600;
    width:96%;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/arrow1.png);
    background-repeat: no-repeat;
    padding-left: 55px;
    padding-top: 17px;
    padding-bottom: 17px;
    background-position: 40px 20px;
    display: block;
    text-align: center;
}
	.oil_bg h1 {
    color: #333;
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 15px;
}
	.top_banner {
   border-top: 6px solid #ea6d9f;
    margin-top: 30px;
}
	.cd-overlay {
    z-index: 999!important;
}
	.service_list {
    width: 100%;
    float: none;
    height: auto;
    margin: 0px;
    padding: 10px;
    border-bottom: 0px solid #e0e0e0;
}
	
	.service_list img {
    border-radius: 50%;
    width: 120px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
	}
	.service_txt {
    width: 100%;
    float: none;
    margin-left: 0px;
}
	.service_txt p {
    font-size: 18px!important;
    line-height: 28px;
}
	.service_txt ol li {
    font-size: 18px!important;
    line-height: 28px;
}
	
	.service_list2 {
    width: 100%;
    float: none;
    height: auto;
    margin: 0px;
    padding: 10px;
    border-bottom: 0px solid #e0e0e0;
}
	.service_list2 img {
    border-radius: 50%;
    width: 120px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
	}
	.service_txt2 {
     width: 100%;
    float: none;
    margin-left: 0px;
}
	
	.service_txt2 h3 {
    color: #333333;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 15px;
}
	
	.service_txt2 p {
    font-size: 18px!important;
    line-height: 28px;
}
	
	.service_list3 {
    width: 100%;
    float: none;
    height: auto;
    margin: 0px;
    padding: 10px;
    border-bottom: 0px solid #e0e0e0;
}
	.service_list3 img {
    border-radius: 50%;
    width: 120px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
	}
	
	.service_txt3 {
     width: 100%;
    float: none;
    margin-left: 0px;
}
	
	.service_txt3 p {
    font-size: 18px!important;
    line-height: 28px;
}
	.qa_title {
     width: 100%;
}
	.qa_list {
    width: 100%;
}
	.qa_list h3 {
    font-size: 24px;
    width: 87%;
}
	.qa_list_t {
    margin-top: 0px;
    margin-left: 50px;
    padding-top: 30px;
}
	.job_main {
    width: 100%;
	margin: 0px;
  }
	
   .job_box {
    width: 100%;
    border-radius: 20px;
    padding: 20px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
    background-color: #F1F1F1;
}
	
	.job_box h3 {
    margin-bottom: 20px;
}
	
	.job_img {
    width: 100%;
    float: none;
    margin-right: 20px;
    text-align: center;
    margin-bottom: 20px;
}
	.job_img img {
    width: 200px;
	height:  200px;
    border-radius: 50%;
   
}
	
	
.job_txt {
    width: 100%;
    float: none;
    font-size: 18px;
}
	.job_more a {
    width: 100%;
    float: none;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
	
	
.table{
      display: none;   
}



.table_m{
    display: block;   
   
}
	.buy_td1 {
    padding: 2px;
    border-bottom: 1px solid #cccc;
     width: 40%;
    color: #333;
}
	
	.buy_td4 {
    padding: 5px;
    border-bottom: 1px solid #cccc;
    width: 60%;
    color: #333;
    font-size: 16px;
    line-height: 40px;
}
	.buy_td6 {
    padding: 5px;
    border-bottom: 1px solid #cccc;
    width: 60%;
    color: #333;
    font-size: 16px;
    line-height: 26px;
}
	.buy_td7 {
    padding: 2px;
    border-bottom: 1px solid #cccc;
    width: 35%;
    color: #333;
}
	.buy_td8 {
    padding: 5px;
    border-bottom: 1px solid #cccc;
    width: 65%;
    color: #333;
    font-size: 16px;
    line-height: 40px;
}
	.buy_td9 {
		vertical-align: top;
    
}
	
	.buy_main {
    width: 100%;
    line-height: 22px;
	padding: 10px;
}
.inquire ul li {
    width: 50%;
    text-align: center;
    float: left;
    display: block;
    padding-right: 10px;
    line-height: 22px;
    margin-bottom: 6px;
}
	
	.contact_txt {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
}
	.contact_logo {
    width: 100%;
    float:none;
}
	.route_main {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
}
	.route_bg1 {
    background-image: url(../img/contact_truck1.png);
    background-repeat: no-repeat;
    height: 260px;
    ine-height: 24px;
    background-position: 0% bottom;
    line-height: 24px;
}
	.contact_info {
    width: 100%;
    float: none;
    color: #666;
    line-height: 26px;
    padding-top: 10px;
    text-align: center;
    font-size: 20px;
}
	
	

.banner_m{
    border-top: 6px solid #ea6d9f;
    display: block;
    margin-top: 30px;
}

.banner{
    border-top: 6px solid #ea6d9f;
    display: none;   
}
	.case_txt p {
    color: #FFFFFF;
    font-size: 22px;
    line-height: 26px;
}
	
	
	
.top_banner{
    display: none;	
     }



.top_banner_m{
    border-top: 6px solid #ea6d9f;
    display: block;	
    margin-top: 30px;
     }


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

	
	
	}