div{margin:0; padding:0;}
section{display:block; position:relative;}

.column-1{ width:100%; position:relative;}
.column-2{ width:50%; float:left; position:relative;}
.floatright{float:right;}
.bg{ width:100%;position:relative; vertical-align:middle; display:inline-block;  height:auto;}
.procontentouter{ padding:0 50px;}
.a1{ 
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
}
.a1-1{position:absolute;left:15%;top:0;width: 70%;height:100%;overflow:hidden;}
.a1-1-1{position:absolute;bottom: 5%;width: 100%;text-align: center;}
.a1-1-1 img{width: 15%;vertical-align: top;display: inline-block;padding: 10px;}
.a1-1-1-1 h1{color: #fff;text-align: left;font-size: 80px!important;text-shadow: 1px 1px 1px #000;}
.a1-1-1-1 h2{color:#fff;font-size: 38px;text-shadow: 1px 1px 1px #000;}
.a1-1-1 h1 b{color:#ff0000;}
.a1-1-1 h1 img{margin:0px 0 0 10px;position:absolute;top: 0px;}
.a1-1-1 p{ color:#000;}
.a1-1-1-1{display:inline-block;}
.a1-2{width:100%; position:relative;}
.a1-3{ position:absolute; width:80%; top:10%; right:10%;}

.a2{ 
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
}
.a2-1{position:absolute;left: 50%;top:0;width:50%;height:100%;}
.a2-1-1{/* width:100%; */position:absolute;top: 30%;text-align:center;}
.a2-1-1 img{width:26%;}
.a2-1-1 h1{color:#fff;}
.a2-1-1 p{color:#fff;}
.a2-2{width: 100%;position:relative;padding-left: 0%;}
.a2-3{ position:absolute; width:60%; top:10%; right:0px;}

.a3{ 
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
}
.a3-1{position:absolute;left:0;top:0;width: 40%;height: 70%;padding-left: 30%;text-align: center;padding-top: 15%;}
.a3-1-1{/* position:absolute; *//* top: 35%; *//* text-align: center; */color:#fff;}
.a3-1-1 p{color:#000;}
.a3-1-1 img{width:30%;}
.a3-2{width:100%; position:relative; padding-left:0;}
.a3-3{ position:absolute; width:60%; top:10%; right:0px;}

.a4{ 
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
}
.a4-1{position: absolute;left:0;top:0;width: 50%;height: 100%;}
.a4-1-1{position: absolute;text-align: left;left: 20%;top: 70%;}
.a4-1-1 img{width:30%;}
.a4-1-1 h1{color:#fff;}
.a4-1-1 p{color:#fff;}
.a4-2{width:100%; position:relative; padding-left:0;}
.a4-3{ position:absolute; width:60%; top:10%; right:0px;}

.a5{
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
    background: #e6e6e6;
}
.a5-1{position:absolute;left: 50%;top:0;width:50%;height:100%;}
.a5-1-1{position:absolute; top:30%;}
.a5-1-1 img{width:30%;}
.a5-2{width:50%;position:relative;/* padding-left:50%; */}
.a5-2 img{max-width:100%;}
.a5-3{ position:absolute; width:60%; top:10%; right:0px;}

.a51{ 
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
}
.a51-1{ position:absolute; left:15%; top:0; width:50%; height:100%;}
.a51-1-1{position:absolute; top:30%;}
.a51-1-1 img{width:30%;}
.a51-2{width: 60%;position:relative;padding-left: 20%;padding-top: 50px;}
.a51-3{ position:absolute; width:60%; top:10%; right:0px;}

.a6{
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
    /* background:#008bce; */
}
.a6-1{position:absolute;left:0;top: 0;width: 100%;height:100%;text-align: center;}
.a6-1-1{position:absolute;top: 80%;width: 100%;color:#fff;}
.a6-1-1 h1{color:#fff;}
.a6-1-1 p{color:#fff;}
.a6-1-1 img{width:30%;}
.a6-2{position:relative;}
.a6-3{ position:absolute; width:60%; top:10%; right:0px;}

.a7{ 
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
	padding:30px 0;
}
.a7-1{ position:absolute; left:8%; top:0; width:32%; height:100%;}
.a7-1-1{ width:100%; position:absolute; top:10%;}
.a7-1-1 img{width:50%;}
.a7-2{width:69%; position:relative; padding:12%; padding-bottom:0; text-align:center;}
.a7-3{ position:absolute; width:60%; top:10%; right:0px;}

.a8{
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
    background-color: #000;
    color:#fff;
}
.a8 h2{color:#fff;}
.a8 h3{padding: 8px 0;margin:0;font-weight:normal;color: #fff;}
.a8 p{color: #fff;}
.a8-1{ position:absolute; left:50%; top:0; width:32%; height:100%;}
.a8-1-1{ position:absolute; top:10%;}
.a8-1-1 img{width:80%;}
.a8-2{width:32%; position:relative; padding-left:14%;}
.a8-3{ position:absolute; width:60%; top:10%; right:0px;}

.a9{ 
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
	padding:30px 0;
}
.abcolor{background:#dcdddd;}
.a9 h1{width:74%; margin:0 auto!important;}
.a9 ul{width:74%; margin:0 auto!important;}
.a9 ul li{width:50%;float:left;padding:8px 0;}
.a9-3{}
.a9-1{position: absolute;left:45%;top: 0;width:36%;height:100%;}
.a9-1-1{width:100%;position:absolute;/* top:10%; */}
.a9-1-1 img{width:100%;}
.a9-2{width:33%; position:relative; padding-left:12%;}
.a9-3{position: relative;/* width:60%; *//* top:10%; *//* right:0px; */}


.a10{
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
    overflow:hidden;
    background: #e6e6e6;
}
.a10-1{position:absolute;left: 15%;top:0%;width: 35%;height:100%;}
.a10-1-1{width:100%;position:absolute;top: 30%;}
.a10-1-1 img{width:100%;}
.a10-2{width: 50%;position:relative;padding-left: 50%;}
.a10-2 img{max-width:100%;}
.a10-3{ position:absolute; width:60%; top:0%; right:0px;}

.a11{ 
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
}
.a11-1{ position:absolute; left:0; top:0; width:50%; height:100%; padding:10px;}
.a11-1-1{ width:100%; position:absolute; top:5%;}
.a11-2{width:50%; position:relative; padding-left:50%;}
.a11-3{ position:absolute; width:60%; top:10%; right:0px;}
.a11-1-1 h1{/* font-size:28px; */margin:0;padding:0;}
.a11-1-1 h3{padding:10px 0;}
.a11-1-1 ul{padding:0; margin:0;}
.a11-1-1 li{ list-style:none; background:url(../images/circle.png) 0 3px no-repeat; width:50%; float:left; margin:3px 0;text-indent:18px; }
.a12{ 
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
}
.a12-1{position:absolute;left: 55%;top:0;width: 45%;height:100%;}
.a12-1-1{/* width:100%; */position:absolute;top: 25%;/* text-align:center; */}
.a12-1-1 img{width:26%;}
.a12-1-1 h1{color:#000;}
.a12-1-1 p{color:#000;}
.a12-2{width: 100%;position:relative;padding-left: 0%;}
.a12-3{ position:absolute; width:60%; top:10%; right:0px;}

@media all and (min-width: 1000px) and (max-width: 1440px) {
.a1-1-1-1 h1{color: #fff;text-align: left;font-size: 60px!important;text-shadow: 1px 1px 1px #000;}
.a1-1-1-1 h2{color:#fff;font-size: 30px;text-shadow: 1px 1px 1px #000;}
	}
@media all and (max-width: 999px) {	
#protopimg{overflow:hidden;}
#procontentcontainer{ width:100%;min-width:inherit;}
.shop-detail p{display:inline;}
section{margin-bottom:30px}
.column-2{ width:100%; float:left; position:relative;}
.a1-1{position:relative;left:0;width:100%;}
.a1-1-1{width:100%;position:relative;top: 60%;left:0;transform:translate(0%,0%);left:0;padding:0;text-align:center;}
.a1-1-1 h1{color:#000;font-size: 30px!important;/* padding: 5px 0!important; */}
.a1-1-1 h2{color:#000;font-size:18px;}
.a1-1-1 img{display: none!important;width: 10%;top: 7px;}
.a1-1-1 p{color:#000;}
.a1-1-1-1 h1{text-align:center;}
.a1-2{width: 120%;text-indent: -5%;}
.a1-3{ position:absolute; width:100%; top:-10px;; right:0px;}

.a2-1{ width:100%;}
.a2-1{position:relative;padding:10px 0;left: 0;}
.a2-1-1{position:relative;}
.a2-1-1 h1{color:#000;}
.a2-1-1 p{color:#000;}
.a2-2{width: 120%;position:relative;padding:10px 0;left: -10%;}

.a3-1 p{color:#000;}
.a3-1 h1{color:#000;}
.a3-1{ position:relative; left:0; top:0; width:100%; height:100%; padding:0;}
.a3-1-1{ width:100%; position:relative; top:2%;left:0; text-align:center;}
.a3-2{ position:relative; width:100%; padding:0;}

.a4-2{width:140%;left:-20%}
.a4-1{position:relative; width:100%;}
.a4-1-1{position:relative;padding:0;text-align:center;left: 0;}
.a4-1-1 h1{ color:#000;}
.a4-1-1 p{color:#000;}

.a5 {padding:15px 0;}
.a5-1{ position:relative;left:0; top:0; width:100%; height:100%;}
.a5-1-1{ width:100%; position:relative; top:25%; text-align:center}
.a5-2{width:100%; position:relative; padding-left:0;}
.a5-3{ position:absolute; width:90%; top:5%; right:0px;}

.a51 {padding:15px 0;}
.a51-1{ position:relative;left:0; top:0; width:100%; height:100%;}
.a51-1-1{ width:100%; position:relative; top:25%; text-align:center}
.a51-2{width:100%; position:relative; padding-left:0;}
.a51-3{ position:absolute; width:90%; top:5%; right:0px;}

.a6-1{ position:relative;left:0; top:0; width:100%; height:100%; padding:0;}
.a6-1-1{ width:100%; position:relative; top:10%;padding-bottom:12px; text-align:center}
.a6-1-1 h1{color:#000;}
.a6-1-1 p{color:#000;}
.a6-2{width:100%; position:relative; padding-left:0;}
.a6-3{ position:absolute; width:90%; top:5%; right:0px;}

.a7-1{ position:relative;left:0; top:0; width:100%; height:100%;}
.a7-1-1{ width:100%; position:relative; top:25%; text-align:center;}
.a7-2{width:100%; position:relative; padding-left:0;}
.a7-3{ position:absolute; width:90%; top:5%; right:0px;}

.a8-2{ width:80%; position:relative; padding:0 10%;}
.a8-1{ width:80%; position:relative; left:0; padding:0 10%;padding-bottom:20px;}
.a8-1-1{ width:100%; position:relative; text-align:center}

.a9{ padding:0;}
.a9 h1{width:90%;left:5%;}
.a9 ul{width:90%;left:5%;}
.a9-1{ position:relative;left:0; top:0; width:100%; height:100%;}
.a9-1-1{ width:100%; position:relative; top:50%;left:0;transform:translate(0%,0%); padding-bottom:12px; text-align:center; padding-left:0;}
.a9-1-1 img{ max-width:100%; width:100%; margin:0 auto;}
.a9-2{width:100%; position:relative;  text-align:center; padding:0;}
.a9-2 img{ width:100%; padding:0;}
.a9-3{position: relative;width:90%;/* top:5%; */left: 5%;}
.a9 ul li{width:100%;}
.a10-2{width:100%;position:relative;padding-left: 0;}
.a10-1{ width:100%; position:relative; padding:0; left:0;}
.a10-1-1{width:100%;position:relative;text-align: center;padding: 20px 0;}

.a11-1{ position:relative;left:0; top:0; width:100%; height:100%;}
.a11-1-1{ width:100%; position:relative; top:0%;left:0; overflow:hidden; padding-bottom:20px;}
.a11-2{width:100%; position:relative; padding-left:0;}
.a11-3{ position:absolute; width:90%; top:5%; right:0px;}
.a11-1-1 li{width:40%; padding-left:18px; text-indent:0;}

.a12-2{width: 180%;position:relative;left: -12%;}
.a12-1{ width:100%; position:relative; padding:0; left:0;}
.a12-1-1{width:100%;position:relative;text-align: center;padding: 20px 0;}
}