/**
 *
 * Used to generate responsive styles according to the breakpoint we set into the variables file
 *
 */
/**
 *
 * Simpler shortcut to create easily break points
 *
 */
/**
 * Easy functions to create easily pure css arrows anywhere
 */


.viewport {
  position: relative;
}

pre {
  text-align: left;
}

.api {
  padding: 0;
  list-style: none;
}
.api p {
  margin: 0.1em;
}
.api pre {
  margin-bottom: 0.2em;
  margin-top: 1.5em;
}
.api ul {
  margin: 0.2em;
}
.api ul li {
  font-size: 0.8em;
}

footer {
  margin: 3em 0 0;
  padding: 10px 10%;
}
footer a {
  text-decoration: none;
}



.unit01b {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    padding: 0;
    *zoom: 1;
    }

@media (max-width: 736px) {
	.unit01b {
  	position: relative;
  	width: 100%;
  	margin: 0 auto;
  	padding: 0 0 0 0;
  	*zoom: 1;
	}
}

@media (max-width: 667px) {
	.unit01b {
  	position: relative;
  	width: 100%;
  	margin: 0 auto;
  	padding: 0 0 0 0;
  	*zoom: 1;
	}
}

@media (max-width: 640px) {
	.unit01b {
  	position: relative;
  	width: 100%;
  	margin: 0 auto;
  	padding: 0 0 0 0;
  	*zoom: 1;
	}
}

@media (max-width: 320px) {
	.unit01b {
  	position: relative;
  	width: 100%;
  	margin: 0 auto;
  	padding: 0 0 0 0;
  	*zoom: 1;
	}
}

.unit01b:before, .unit01b:after {
    display: table;
    content: "";
    line-height: 0;
    }

.unit01b:after {
    clear: both;
    }

.unit01b .GITheWall02 {
    float: left;
    margin: 0 auto;
    }

.unit01b .ajax {
    height: 100%;
	color: #4f4b49;
    /*background: #fff;*/
	}

.unit01b .ajax .txt01 {
	float: left;
	width: 67%;
    /*margin: 45px auto 0 auto;*/
    margin: 45px auto 0 auto;
    padding: 0 0 60px 0;
    text-align: center;
    color: #4f4b49;
	}

.unit01b .ajax .txt01 h2 {
    margin: 0 auto 30px auto;
	padding: 0;
    text-align: center;
    font-weight: bold;
    font-size: 16px; 
    color: #4f4b49;
	}

.unit01b .ajax .txt01 h2 span.title01 {
    position: relative;
    top: 10px;
    margin: 0 auto;
    color: #4f4b49;
    font-weight: bold;
    font-size: 24px;
    line-height: 35px;
    text-align: center;
    }

.unit01b .ajax .txt01 .goods-box01 {
    clear: both;
    position: relative;
    top: 0px;
    margin: 0 0 0 30px;
    padding: 0;
    }

.unit01b .ajax .txt01 .goods-box01 .boxL {
    float: left;
    width: 87px;
    margin: 0 10px 0 0;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    }

.unit01b .ajax .txt01 .goods-box01 .boxR01 {
    float: left;
    width: 74%;
    margin: 0 0 20px 0;
    color: #555555;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    }

.unit01b .ajax .txt01 .goods-box01b {
    clear: both;
    position: relative;
    top: 0px;
    margin: 0 0 0 30px;
    padding: 0;
    }

.unit01b .ajax .txt01 .goods-box01b .boxL {
    float: left;
    width: 87px;
    margin: 0 10px 20px 0;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    }

.unit01b .ajax .txt01 .goods-box01b .boxR02 {
    float: left;
    width: 74%;
    margin: 0 0 0px 0;
    color: #555555;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    }

.unit01b .ajax .txt01 .goods-box01b .boxR02 dl {
    margin: 0 0 20px 0;
    padding: 0;
    text-align: left;
    }

.unit01b .ajax .txt01 .goods-box01b .boxR02 dl dt {
    clear: both;
    float: left;
    width: 10px;
    text-align: left;
    line-height: 18px;
    }

.unit01b .ajax .txt01 .goods-box01b .boxR02 dl dd {
    display: block;
    margin-left: 10px;
    text-align: left;
    line-height: 18px;
    }

.unit01b .ajax .txt01 .goods-box01b .boxR02 dl dd.detail {
    display: block;
    margin-left: 14px;
    text-align: left;
    line-height: 18px;
    }

.unit01b .ajax .txt01 .goods-box01b .boxR02 dl.goods {
    margin: 0 0 20px 12px;
    padding: 0;
    text-align: left;
    }

.unit01b .ajax .txt01 .goods-box01b .boxR02 dl.goods dd.detail {
    display: block;
    margin-left: 14px;
    text-align: left;
    line-height: 18px;
    }

.unit01b .ajax .txt01 .goods-box01c {
    clear: both;
    position: relative;
    top: -28px;
    margin: 0 0 20px 30px;
    padding: 0;
    }

.unit01b .ajax .txt01 .goods-box01c .boxL {
    float: left;
    width: 87px;
    margin: 0 10px 20px 0;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    }

.unit01b .ajax .txt01 .goods-box01c .boxR {
    float: left;
    width: 74%;
    margin: 0 0 20px 0;
    color: #555555;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    }

.unit01b .ajax .txt01 .goods-box01c .boxR02 {
    float: left;
    width: 74%;
    margin: 0 0 20px 7px;
    color: #555555;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    }

.unit01b .ajax .txt01 .goods-box01d {
    clear: both;
    position: relative;
    top: 0;
    margin: 0 0 0 30px;
    padding: 0;
    }

.unit01b .ajax .txt01 .goods-box01d .boxL {
    float: left;
    width: 87px;
    margin: 0 30px 10px 0;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    }

.unit01b .ajax .txt01 .goods-box01d .boxR {
    float: left;
    width: 74%;
    margin: 0 0 10px -20px;
    color: #555555;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    }

.unit01b .ajax .txt01 .goods-box02 {
    clear: both;
    position: relative;
    top: -20px;
    margin: 0 0 0 30px;
    padding: 0;
    background: #eee;
    }

.unit01b .ajax .txt01 .goods-box02 .boxL {
    float: left;
    width: 87px;
    margin: 0 10px 20px 0;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    }

.unit01b .ajax .txt01 .goods-box02 .boxR {
    float: left;
    width: 70%;
    margin: 0 0 20px 0;
    color: #555555;
    font-size: 14px;
    text-align: left;
    line-height: 22px;
    }

.unit01b .ajax .txt01 .goods-box02 .boxR02 {
    float: left;
    width: 70%;
    margin: 0 0 30px 0;
    color: #555555;
    font-size: 14px;
    text-align: left;
    line-height: 22px;
    }

.unit01b .ajax .txt01 .goods-box02 .boxR span.txt01 {
    clear: both;
    font-size: 15px;
    text-align: left;
    line-height: 22px;
    vertical-align: top;
    }

.unit01b .ajax .txt01 .goods-box03 {
    clear: both;
    position: relative;
    top: -10px;
    margin: 0 0 0 30px;
    padding: 0;
    }

.unit01b .ajax .txt01 .goods-box03 .boxL {
    float: left;
    width: 87px;
    margin: 0 10px 50px 0;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    }

.unit01b .ajax .txt01 .goods-box03 .boxR {
    float: left;
    width: 60%;
    color: #555555;
    font-size: 14px;
    text-align: left;
    }

span.col01 {
    margin: 0 0 20px 0;
	color: #e16910;
    text-align: left;
	}

span.col02 {
	color: #e16910;
    text-decoration: underline;
	}

span.layout01 {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 22px;
    text-indent: 0;
	}

span.layout01b {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 22px;
    text-indent: -8px;
	}

span.layout02 {
    display: block;
    font-size: 13px;
    line-height: 20px;
	}

span.layout03 {
    display: block;
    font-size: 13px;
    line-height: 20px;
	}

span.box {
	display: block;
	margin: 0 0 20px 0;
	}

strong.col01 {
	color: #e16910;
	}

a.link {
    color: #e16910;
    text-decoration: underline;
}

a.link:hover {
    color: #e16910;
    text-decoration: underline;
}

dl {
    margin: 0 0 0 0;
    padding: 0;
    text-align: left;
}

dl dt {
    clear: both;
    float: left;
    width: 20px;
    text-align: left;
    line-height: 20px;
    }

dl dt.type02 {
    clear: both;
    float: left;
    /*width: 50px;*/
    width: 60px;
    text-align: left;
    line-height: 20px;
    }

dl dd.type01 {
    display: block;
    margin-left: 20px;
    text-align: left;
    line-height: 22px;
    font-size: 15px;
    }

dl dd.type02 {
    display: block;
    margin-left: 20px;
    margin-bottom: 40px;
    text-align: left;
    line-height: 20px;
    font-size: 13px;
    }

dl dd.type03 {
    display: block;
    margin-left: 20px;
    margin-bottom: 0px;
    text-align: left;
    line-height: 20px;
    font-size: 13px;
    }

dl dd.type04 {
    display: block;
    /*margin-left: 50px;*/
    /*margin-left: 60px;*/
    margin-left: 20px;
    text-align: left;
    line-height: 22px;
    font-size: 13px;
    }

dl dd.type05 {
    display: block;
    margin-left: 0px;
    text-align: left;
    line-height: 22px;
    font-size: 13px;
    }

hr.line01 {
    clear: both;
    display: block;
    width: 100%;
    height: 1px;
    border:0;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom:1px dashed #F7C499;
    color: #ffffff;
    }


.unit01b .ajax .img {
	position: relative;
	width: 300px;
	margin: 60px 20px 0 0;
	height: 300px;
	float: left;
	background-size: cover;
	background-position: center;
	}

.unit01b .ajax .img2 {
	position: relative;
	width: 300px;
	margin: 60px 20px 0 0;
	height: 688px;
	float: left;
	background-size: cover;
	background-position: center;
	}

.unit01b .ajax .img3 {
	position: relative;
	width: 300px;
	margin: 60px 20px 0 0;
	height: 690px;
	float: left;
	background-size: cover;
	background-position: center;
	}

.unit01b .ajax .img4 {
	position: relative;
	width: 300px;
	margin: 60px 20px 0 0;
	height: 419px;
	float: left;
	background-size: cover;
	background-position: center;
	}

.unit01b .ajax .img5 {
	position: relative;
	width: 300px;
	margin: 60px 20px 0 0;
	height: 864px;
	float: left;
	background-size: cover;
	background-position: center;
	}

.unit01b .ajax .txt01 .goods-box {
    position: relative;
    top: -20px;
}

@media (max-width: 736px) {
    .unit01b .ajax .txt01 {
	float: left;
	width: 99%;
    margin: 45px auto 0 auto;
    padding: 0 0 60px 0;
    color: #4f4b49;
    text-align: center;
	}
    .unit01b .ajax .txt01 h2 {
    clear: both;
    margin: 0 auto 30px auto;
	padding: 0;
    text-align: center;
    font-weight: bold;
    color: #4f4b49;
    font-size: 10px; 
	}
    .unit01b .ajax .txt01 h2 span.title01 {
    clear: both;
    position: relative;
    top: 10px;
    margin: 0 auto;
    font-weight: bold;
    font-size: 18px;
    color: #4f4b49;
    line-height: 24px;
    text-align: center;
    }
    .unit01b .ajax .txt01 .goods-box01 {
    clear: both;
    position: relative;
    top: 0px;
    margin: 0 0 0 10px;
    padding: 0;
    }

    .unit01b .ajax .txt01 .goods-box01 .boxL {
    clear: both;
    width: 87px;
    margin: 0 10px 10px 0;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    }
    .unit01b .ajax .txt01 .goods-box01 .boxR01 {
    clear: both;
    width: 96%;
    margin: 0 0 10px 0;
    color: #555555;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    }
    .unit01b .ajax .txt01 .goods-box01b {
    clear: both;
    position: relative;
    top: 0px;
    margin: 0 0 0 10px;
    padding: 0;
    }
    .unit01b .ajax .txt01 .goods-box01b .boxL {
    float: left;
    width: 87px;
    margin: 0 10px 10px 0;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    }
    .unit01b .ajax .txt01 .goods-box01b .boxR02 {
    float: left;
    width: 67.5%;
    margin: 3px 0 10px 0;
    color: #555555;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    }
    .unit01b .ajax .txt01 .goods-box01c {
    clear: both;
    position: relative;
    top: -28px;
    margin: 0 0 0 10px;
    padding: 0;
    }
    .unit01b .ajax .txt01 .goods-box01c .boxL {
    clear: both;
    width: 87px;
    margin: 0 10px 10px 0;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    }
    .unit01b .ajax .txt01 .goods-box01c .boxR {
    float: left;
    width: 60%;
    margin: 3px 0 10px 0;
    color: #555555;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    }
    .unit01b .ajax .txt01 .goods-box01c .boxR02 {
    clear: both;
    width: 74%;
    margin: 3px 0 10px 30px;
    color: #555555;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    }
    .unit01b .ajax .txt01 .goods-box01d {
    clear: both;
    position: relative;
    top: 0;
    margin: 0 0 0 10px;
    padding: 0;
    }
    .unit01b .ajax .txt01 .goods-box01d .boxL {
    float: left;
    width: 87px;
    margin: 0 30px 5px 0;
    padding: 3px 0 3px 0;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    }
    .unit01b .ajax .txt01 .goods-box01d .boxR {
    float: left;
    width: 60%;
    margin: 3px 0 5px -20px;
    color: #555555;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    }
    .unit01b .ajax .txt01 .goods-box01d .subbox {
    clear: both;
    width: 93%;
    margin: 0 0 10px 0;
    text-align: left;
    font-size: 13px;
    line-height: 15px;
    }
    .unit01b .ajax .txt01 .goods-box02 {
    clear: both;
    margin: 0 auto;
    padding: 0;
    }
    .unit01b .ajax .txt01 .goods-box02 .boxL {
    clear: both;
    width: 87px;
    margin: 0 10px 10px 10px;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    }
    .unit01b .ajax .txt01 .goods-box02 .boxR {
    clear: both;
    width: 93%;
    margin: 0 0 10px 10px;
    color: #555555;
    font-size: 11px;
    text-align: left;
    line-height: 22px;
    }
    .unit01b .ajax .txt01 .goods-box02 .boxR02 {
    clear: both;
    width: 71%;
    margin: 0 0 10px 10px;
    color: #555555;
    font-size: 11px;
    text-align: left;
    line-height: 22px;
    }
    .unit01b .ajax .txt01 .goods-box02 .boxR span.txt01 {
    clear: both;
    font-size: 15px;
    text-align: left;
    line-height: 22px;
    vertical-align: top;
    }
    span.col01 {
    margin: 0 0 20px 0;
	color: #e16910;
    text-align: left;
	}
    span.layout01 {
    display: block;
    margin: 15px 0 0 0;
    padding: 0;
    font-size: 15px;
    line-height: 15px;
    text-indent: 0;
	}
    span.layout02 {
    display: block;
    font-size: 13px;
    line-height: 20px;
	}
    span.layout03 {
    display: block;
    font-size: 11px;
    line-height: 20px;
	}
    .goods-box02 span.layout03 {
    display: block;
    font-size: 11px;
    line-height: 15px;
	}
    dl {
    margin: 0 0 0 0;
    padding: 0;
    text-align: left;
    }
    dl dt {
    clear: both;
    float: left;
    width: 20px;
    text-align: left;
    line-height: 20px;
    }
    dl dt.type02 {
    clear: both;
    float: left;
    width: 50px;
    text-align: left;
    line-height: 20px;
    }
    dl dd.type01 {
    display: block;
    margin-left: 20px;
    text-align: left;
    line-height: 22px;
    font-size: 15px;
    }
    dl dd.type02 {
    display: block;
    margin-left: 20px;
    margin-bottom: 40px;
    text-align: left;
    line-height: 20px;
    font-size: 13px;
    }
    dl dd.type03 {
    display: block;
    margin-left: 20px;
    margin-bottom: 0px;
    text-align: left;
    line-height: 20px;
    font-size: 13px;
    }
    dl dd.type04 {
    display: block;
    /*margin-left: 50px;*/
    margin-left: 20px;
    text-align: left;
    line-height: 15px;
    font-size: 11px;
    }
    dl dd.type05 {
    display: block;
    margin-left: 0px;
    text-align: left;
    line-height: 22px;
    font-size: 13px;
    }
    hr.line01 {
    clear: both;
    display: block;
    width: 100%;
    height: 1px;
    border:0;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom:1px dashed #F7C499;
    color: #ffffff;
    }
    .unit01b .ajax .img {
	position: relative;
    float: left;
	width: 200px;
	height: 200px;
    margin: 70px 0 0 21%;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
	.unit01b .ajax .img2 {
	position: relative;
    float: left;
	width: 200px;
	height: 490px;
    margin: 70px 0 0 21%;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
    .unit01b .ajax .img3 {
	position: relative;
    float: left;
	width: 200px;
	height: 492px;
    margin: 70px 0 0 21%;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
    .unit01b .ajax .img4 {
	position: relative;
    float: left;
	width: 200px;
	margin: 70px 0 0 21%;
	height: 279px;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
    .unit01b .ajax .img5 {
	position: relative;
	width: 200px;
	margin: 70px 0 0 21%;
	height: 576px;
	float: left;
	background-size: cover;
	background-position: center;
	}
}

@media (max-width: 667px) {
    .unit01b .ajax .txt01 {
	float: left;
	width: 99%;
    margin: 45px auto 0 auto;
    padding: 0 0 60px 0;
    color: #4f4b49;
    text-align: center;
	}
    .unit01b .ajax .txt01 h2 {
    clear: both;
    margin: 0 auto 30px auto;
	padding: 0;
    text-align: center;
    font-weight: bold;
    color: #4f4b49;
    font-size: 10px; 
	}
    .unit01b .ajax .txt01 h2 span.title01 {
    clear: both;
    position: relative;
    top: 10px;
    margin: 0 auto;
    font-weight: bold;
    font-size: 18px;
    color: #4f4b49;
    line-height: 24px;
    text-align: center;
    }
    .unit01b .ajax .txt01 .goods-box01 {
    clear: both;
    position: relative;
    top: 0px;
    margin: 0 0 0 10px;
    padding: 0;
    }

    .unit01b .ajax .txt01 .goods-box01 .boxL {
    clear: both;
    width: 87px;
    margin: 0 10px 10px 0;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    }
    .unit01b .ajax .txt01 .goods-box01 .boxR01 {
    clear: both;
    width: 96%;
    margin: 0 0 10px 0;
    color: #555555;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    }
    .unit01b .ajax .txt01 .goods-box01b {
    clear: both;
    position: relative;
    top: 0px;
    margin: 0 0 0 10px;
    padding: 0;
    }
    .unit01b .ajax .txt01 .goods-box01b .boxL {
    float: left;
    width: 87px;
    margin: 0 10px 10px 0;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    }
    .unit01b .ajax .txt01 .goods-box01b .boxR02 {
    float: left;
    width: 67.5%;
    margin: 3px 0 10px 0;
    color: #555555;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    }
    .unit01b .ajax .txt01 .goods-box01c {
    clear: both;
    position: relative;
    top: -28px;
    margin: 0 0 0 10px;
    padding: 0;
    }
    .unit01b .ajax .txt01 .goods-box01c .boxL {
    clear: both;
    width: 87px;
    margin: 0 10px 10px 0;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    }
    .unit01b .ajax .txt01 .goods-box01c .boxR {
    float: left;
    width: 60%;
    margin: 3px 0 10px 0;
    color: #555555;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    }
    .unit01b .ajax .txt01 .goods-box01c .boxR02 {
    clear: both;
    width: 74%;
    margin: 3px 0 10px 30px;
    color: #555555;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    }
    .unit01b .ajax .txt01 .goods-box01d {
    clear: both;
    position: relative;
    top: 0;
    margin: 0 0 0 10px;
    padding: 0;
    }
    .unit01b .ajax .txt01 .goods-box01d .boxL {
    float: left;
    width: 87px;
    margin: 0 30px 5px 0;
    padding: 3px 0 3px 0;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    }
    .unit01b .ajax .txt01 .goods-box01d .boxR {
    float: left;
    width: 60%;
    margin: 3px 0 5px -20px;
    color: #555555;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    }
    .unit01b .ajax .txt01 .goods-box01d .subbox {
    clear: both;
    width: 93%;
    margin: 0 0 10px 0;
    text-align: left;
    font-size: 13px;
    line-height: 15px;
    }
    .unit01b .ajax .txt01 .goods-box02 {
    clear: both;
    margin: 0 auto;
    padding: 0;
    }
    .unit01b .ajax .txt01 .goods-box02 .boxL {
    clear: both;
    width: 87px;
    margin: 0 10px 10px 10px;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    }
    .unit01b .ajax .txt01 .goods-box02 .boxR {
    clear: both;
    width: 93%;
    margin: 0 0 10px 10px;
    color: #555555;
    font-size: 11px;
    text-align: left;
    line-height: 22px;
    }
    .unit01b .ajax .txt01 .goods-box02 .boxR02 {
    clear: both;
    width: 71%;
    margin: 0 0 10px 10px;
    color: #555555;
    font-size: 11px;
    text-align: left;
    line-height: 22px;
    }
    .unit01b .ajax .txt01 .goods-box02 .boxR span.txt01 {
    clear: both;
    font-size: 15px;
    text-align: left;
    line-height: 22px;
    vertical-align: top;
    }
    span.col01 {
    margin: 0 0 20px 0;
	color: #e16910;
    text-align: left;
	}
    span.layout01 {
    display: block;
    margin: 15px 0 0 0;
    padding: 0;
    font-size: 15px;
    line-height: 15px;
    text-indent: 0;
	}
    span.layout02 {
    display: block;
    font-size: 13px;
    line-height: 20px;
	}
    span.layout03 {
    display: block;
    font-size: 11px;
    line-height: 20px;
	}
    .goods-box02 span.layout03 {
    display: block;
    font-size: 11px;
    line-height: 15px;
	}
    dl {
    margin: 0 0 0 0;
    padding: 0;
    text-align: left;
    }
    dl dt {
    clear: both;
    float: left;
    width: 20px;
    text-align: left;
    line-height: 20px;
    }
    dl dt.type02 {
    clear: both;
    float: left;
    width: 50px;
    text-align: left;
    line-height: 20px;
    }
    dl dd.type01 {
    display: block;
    margin-left: 20px;
    text-align: left;
    line-height: 22px;
    font-size: 15px;
    }
    dl dd.type02 {
    display: block;
    margin-left: 20px;
    margin-bottom: 40px;
    text-align: left;
    line-height: 20px;
    font-size: 13px;
    }
    dl dd.type03 {
    display: block;
    margin-left: 20px;
    margin-bottom: 0px;
    text-align: left;
    line-height: 20px;
    font-size: 13px;
    }
    dl dd.type04 {
    display: block;
    /*margin-left: 50px;*/
    margin-left: 20px;
    text-align: left;
    line-height: 15px;
    font-size: 11px;
    }
    dl dd.type05 {
    display: block;
    margin-left: 0px;
    text-align: left;
    line-height: 22px;
    font-size: 13px;
    }
    hr.line01 {
    clear: both;
    display: block;
    width: 100%;
    height: 1px;
    border:0;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom:1px dashed #F7C499;
    color: #ffffff;
    }
    .unit01b .ajax .img {
	position: relative;
    float: left;
	width: 200px;
	height: 200px;
    margin: 70px 0 0 21%;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
	.unit01b .ajax .img2 {
	position: relative;
    float: left;
	width: 200px;
	height: 490px;
    margin: 70px 0 0 21%;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
    .unit01b .ajax .img3 {
	position: relative;
    float: left;
	width: 200px;
	height: 492px;
    margin: 70px 0 0 21%;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
    .unit01b .ajax .img4 {
	position: relative;
    float: left;
	width: 200px;
	margin: 70px 0 0 21%;
	height: 279px;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
    .unit01b .ajax .img5 {
	position: relative;
	width: 200px;
	margin: 70px 0 0 21%;
	height: 576px;
	float: left;
	background-size: cover;
	background-position: center;
	}
}

@media only screen and (device-width: 667px) {
    .unit01b .ajax .img {
	position: relative;
    float: left;
	width: 200px;
	height: 200px;
    margin: 70px 0 0 33%;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
	.unit01b .ajax .img2 {
	position: relative;
    float: left;
	width: 200px;
	height: 460px;
    margin: 70px 0 0 33%;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
    .unit01b .ajax .img3 {
	position: relative;
    float: left;
	width: 200px;
	height: 492px;
    margin: 70px 0 0 33%;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
    .unit01b .ajax .img4 {
	position: relative;
    float: left;
	width: 200px;
	margin: 70px 0 0 33%;
	height: 279px;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
    .unit01b .ajax .img5 {
	position: relative;
	width: 200px;
	margin: 70px 0 0 33%;
	height: 576px;
	float: left;
	background-size: cover;
	background-position: center;
	}
}

@media (max-width: 640px) {
    .unit01b .ajax .txt01 {
	float: left;
	width: 99%;
    margin: 45px auto 0 auto;
    padding: 0 0 60px 0;
    color: #4f4b49;
    text-align: center;
	}
    .unit01b .ajax .txt01 h2 {
    clear: both;
    margin: 0 auto 30px auto;
	padding: 0;
    text-align: center;
    font-weight: bold;
    color: #4f4b49;
    font-size: 10px; 
	}
    .unit01b .ajax .txt01 h2 span.title01 {
    clear: both;
    position: relative;
    top: 10px;
    margin: 0 auto;
    font-weight: bold;
    font-size: 18px;
    color: #4f4b49;
    line-height: 24px;
    text-align: center;
    }
    .unit01b .ajax .txt01 .goods-box01 {
    clear: both;
    position: relative;
    top: 0px;
    margin: 0 0 0 10px;
    padding: 0;
    }

    .unit01b .ajax .txt01 .goods-box01 .boxL {
    clear: both;
    width: 87px;
    margin: 0 10px 10px 0;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    }
    .unit01b .ajax .txt01 .goods-box01 .boxR01 {
    clear: both;
    width: 96%;
    margin: 0 0 10px 0;
    color: #555555;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    }
    .unit01b .ajax .txt01 .goods-box01b {
    clear: both;
    position: relative;
    top: 0px;
    margin: 0 0 0 10px;
    padding: 0;
    }
    .unit01b .ajax .txt01 .goods-box01b .boxL {
    float: left;
    width: 87px;
    margin: 0 10px 10px 0;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    }
    .unit01b .ajax .txt01 .goods-box01b .boxR02 {
    float: left;
    width: 67.5%;
    margin: 3px 0 10px 0;
    color: #555555;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    }
    .unit01b .ajax .txt01 .goods-box01c {
    clear: both;
    position: relative;
    top: -28px;
    margin: 0 0 0 10px;
    padding: 0;
    }
    .unit01b .ajax .txt01 .goods-box01c .boxL {
    clear: both;
    width: 87px;
    margin: 0 10px 10px 0;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    }
    .unit01b .ajax .txt01 .goods-box01c .boxR {
    float: left;
    width: 60%;
    margin: 3px 0 10px 0;
    color: #555555;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    }
    .unit01b .ajax .txt01 .goods-box01c .boxR02 {
    clear: both;
    width: 74%;
    margin: 3px 0 10px 30px;
    color: #555555;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    }
    .unit01b .ajax .txt01 .goods-box01d {
    clear: both;
    position: relative;
    top: 0;
    margin: 0 0 0 10px;
    padding: 0;
    }
    .unit01b .ajax .txt01 .goods-box01d .boxL {
    float: left;
    width: 87px;
    margin: 0 30px 5px 0;
    padding: 3px 0 3px 0;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    }
    .unit01b .ajax .txt01 .goods-box01d .boxR {
    float: left;
    width: 60%;
    margin: 3px 0 5px -20px;
    color: #555555;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    }
    .unit01b .ajax .txt01 .goods-box01d .subbox {
    clear: both;
    width: 93%;
    margin: 0 0 10px 0;
    text-align: left;
    font-size: 13px;
    line-height: 15px;
    }
    .unit01b .ajax .txt01 .goods-box02 {
    clear: both;
    margin: 0 auto;
    padding: 0;
    }
    .unit01b .ajax .txt01 .goods-box02 .boxL {
    clear: both;
    width: 87px;
    margin: 0 10px 10px 10px;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    }
    .unit01b .ajax .txt01 .goods-box02 .boxR {
    clear: both;
    width: 93%;
    margin: 0 0 10px 10px;
    color: #555555;
    font-size: 11px;
    text-align: left;
    line-height: 22px;
    }
    .unit01b .ajax .txt01 .goods-box02 .boxR02 {
    clear: both;
    width: 71%;
    margin: 0 0 10px 10px;
    color: #555555;
    font-size: 11px;
    text-align: left;
    line-height: 22px;
    }
    .unit01b .ajax .txt01 .goods-box02 .boxR span.txt01 {
    clear: both;
    font-size: 15px;
    text-align: left;
    line-height: 22px;
    vertical-align: top;
    }
    span.col01 {
    margin: 0 0 20px 0;
	color: #e16910;
    text-align: left;
	}
    span.layout01 {
    display: block;
    margin: 15px 0 0 0;
    padding: 0;
    font-size: 15px;
    line-height: 15px;
    text-indent: 0;
	}
    span.layout02 {
    display: block;
    font-size: 13px;
    line-height: 20px;
	}
    span.layout03 {
    display: block;
    font-size: 11px;
    line-height: 20px;
	}
    .goods-box02 span.layout03 {
    display: block;
    font-size: 11px;
    line-height: 15px;
	}
    dl {
    margin: 0 0 0 0;
    padding: 0;
    text-align: left;
    }
    dl dt {
    clear: both;
    float: left;
    width: 20px;
    text-align: left;
    line-height: 20px;
    }
    dl dt.type02 {
    clear: both;
    float: left;
    width: 50px;
    text-align: left;
    line-height: 20px;
    }
    dl dd.type01 {
    display: block;
    margin-left: 20px;
    text-align: left;
    line-height: 22px;
    font-size: 15px;
    }
    dl dd.type02 {
    display: block;
    margin-left: 20px;
    margin-bottom: 40px;
    text-align: left;
    line-height: 20px;
    font-size: 13px;
    }
    dl dd.type03 {
    display: block;
    margin-left: 20px;
    margin-bottom: 0px;
    text-align: left;
    line-height: 20px;
    font-size: 13px;
    }
    dl dd.type04 {
    display: block;
    /*margin-left: 50px;*/
    margin-left: 20px;
    text-align: left;
    line-height: 15px;
    font-size: 11px;
    }
    dl dd.type05 {
    display: block;
    margin-left: 0px;
    text-align: left;
    line-height: 22px;
    font-size: 13px;
    }
    hr.line01 {
    clear: both;
    display: block;
    width: 100%;
    height: 1px;
    border:0;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom:1px dashed #F7C499;
    color: #ffffff;
    }
    .unit01b .ajax .img {
	position: relative;
    float: left;
	width: 200px;
	height: 200px;
    margin: 70px 0 0 21%;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
	.unit01b .ajax .img2 {
	position: relative;
    float: left;
	width: 200px;
	height: 460px;
    margin: 70px 0 0 21%;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
    .unit01b .ajax .img3 {
	position: relative;
    float: left;
	width: 200px;
	height: 462px;
    margin: 70px 0 0 21%;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
    .unit01b .ajax .img4 {
	position: relative;
    float: left;
	width: 200px;
	margin: 70px 0 0 21%;
	height: 279px;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
    .unit01b .ajax .img5 {
	position: relative;
	width: 200px;
	margin: 70px 0 0 21%;
	height: 576px;
	float: left;
	background-size: cover;
	background-position: center;
	}
    .unit01b .ajax .linebox {
    margin: 0 0 0 2%;
    text-align: center;
    }
}

.GI_TW_expander {
  color: #4f4b49;
}

@media only screen and (device-width: 640px) {
    .unit01b .ajax .img {
	position: relative;
    float: left;
	width: 200px;
	height: 200px;
    margin: 70px 0 0 31%;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
	.unit01b .ajax .img2 {
	position: relative;
    float: left;
	width: 200px;
	height: 460px;
    margin: 70px 0 0 31%;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
    .unit01b .ajax .img3 {
	position: relative;
    float: left;
	width: 200px;
	height: 462px;
    margin: 70px 0 0 31%;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
    .unit01b .ajax .img5 {
	position: relative;
	width: 200px;
	margin: 70px 0 0 31%;
	height: 576px;
	float: left;
	background-size: cover;
	background-position: center;
	}
}

@media (max-width: 320px) {
    .unit01b .ajax .txt01 {
	float: left;
	width: 99%;
    margin: 45px auto 0 auto;
    padding: 0 0 60px 0;
    text-align: center;
	}
    .unit01b .ajax .txt01 h2 {
    margin: 0 auto 30px auto;
	padding: 0;
    text-align: center;
    font-weight: bold;
    font-size: 10px; 
	}
    .unit01b .ajax .txt01 h2 span.title01 {
    position: relative;
    top: 10px;
    margin: 0 auto;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    }
    .unit01b .ajax .txt01 .goods-box01 {
    clear: both;
    position: relative;
    top: 0px;
    margin: 0 0 0 10px;
    padding: 0;
    }

    .unit01b .ajax .txt01 .goods-box01 .boxL {
    clear: both;
    width: 87px;
    margin: 0 10px 10px 0;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    }
    .unit01b .ajax .txt01 .goods-box01 .boxR01 {
    clear: both;
    width: 96%;
    margin: 0 0 10px 0;
    color: #555555;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    }
    .unit01b .ajax .txt01 .goods-box01b {
    clear: both;
    position: relative;
    top: 0px;
    margin: 0 0 0 10px;
    padding: 0;
    }
    .unit01b .ajax .txt01 .goods-box01b .boxL {
    float: left;
    width: 87px;
    margin: 0 10px 10px 0;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    }
    .unit01b .ajax .txt01 .goods-box01b .boxR02 {
    float: left;
    width: 60%;
    margin: 3px 0 10px 0;
    color: #555555;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    }
    .unit01b .ajax .txt01 .goods-box01c {
    clear: both;
    position: relative;
    top: -28px;
    margin: 0 0 0 10px;
    padding: 0;
    }
    .unit01b .ajax .txt01 .goods-box01c .boxL {
    clear: both;
    width: 87px;
    margin: 0 10px 10px 0;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    }
    .unit01b .ajax .txt01 .goods-box01c .boxR {
    float: left;
    width: 60%;
    margin: 3px 0 10px 0;
    color: #555555;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    }
    .unit01b .ajax .txt01 .goods-box01c .boxR02 {
    clear: both;
    width: 74%;
    margin: 3px 0 10px 30px;
    color: #555555;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    }
    .unit01b .ajax .txt01 .goods-box01d {
    clear: both;
    position: relative;
    top: 0;
    margin: 0 0 0 10px;
    padding: 0;
    }
    .unit01b .ajax .txt01 .goods-box01d .boxL {
    float: left;
    width: 87px;
    margin: 0 30px 5px 0;
    padding: 3px 0 3px 0;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    }
    .unit01b .ajax .txt01 .goods-box01d .boxR {
    float: left;
    width: 60%;
    margin: 3px 0 5px -20px;
    color: #555555;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    }
    .unit01b .ajax .txt01 .goods-box01d .subbox {
    clear: both;
    width: 93%;
    margin: 0 0 10px 0;
    text-align: left;
    font-size: 13px;
    line-height: 15px;
    }
    .unit01b .ajax .txt01 .goods-box02 {
    clear: both;
    margin: 0 auto;
    padding: 0;
    }
    .unit01b .ajax .txt01 .goods-box02 .boxL {
    clear: both;
    width: 87px;
    margin: 0 10px 5px 10px;
    background: #9d9289;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    }
    .unit01b .ajax .txt01 .goods-box02 .boxR {
    clear: both;
    width: 93%;
    margin: 0 0 5px 10px;
    color: #555555;
    font-size: 11px;
    text-align: left;
    line-height: 22px;
    }
    .unit01b .ajax .txt01 .goods-box02 .boxR02 {
    clear: both;
    width: 71%;
    margin: 0 0 10px 10px;
    color: #555555;
    font-size: 11px;
    text-align: left;
    line-height: 22px;
    }
    .unit01b .ajax .txt01 .goods-box02 .boxR span.txt01 {
    clear: both;
    font-size: 15px;
    text-align: left;
    line-height: 22px;
    vertical-align: top;
    }
    span.col01 {
    margin: 0 0 20px 0;
	color: #e16910;
    text-align: left;
	}
    span.layout01 {
    display: block;
    margin: 15px 0 0 0;
    padding: 0;
    font-size: 15px;
    line-height: 15px;
    text-indent: 0;
	}
    span.layout02 {
    display: block;
    font-size: 13px;
    line-height: 20px;
	}
    span.layout03 {
    display: block;
    font-size: 11px;
    line-height: 20px;
	}
    .goods-box02 span.layout03 {
    display: block;
    font-size: 11px;
    line-height: 15px;
	}
    dl {
    margin: 0 0 0 0;
    padding: 0;
    text-align: left;
    }
    dl dt {
    clear: both;
    float: left;
    width: 20px;
    text-align: left;
    line-height: 20px;
    }
    dl dt.type02 {
    clear: both;
    float: left;
    width: 50px;
    text-align: left;
    line-height: 20px;
    }
    dl dd.type01 {
    display: block;
    margin-left: 20px;
    text-align: left;
    line-height: 22px;
    font-size: 15px;
    }
    dl dd.type02 {
    display: block;
    margin-left: 20px;
    margin-bottom: 40px;
    text-align: left;
    line-height: 20px;
    font-size: 13px;
    }
    dl dd.type03 {
    display: block;
    margin-left: 20px;
    margin-bottom: 0px;
    text-align: left;
    line-height: 20px;
    font-size: 13px;
    }
    dl dd.type04 {
    display: block;
    /*margin-left: 50px;*/
    margin-left: 20px;
    text-align: left;
    line-height: 15px;
    font-size: 11px;
    }
    dl dd.type05 {
    display: block;
    margin-left: 0px;
    text-align: left;
    line-height: 22px;
    font-size: 13px;
    }
    hr.line01 {
    clear: both;
    display: block;
    width: 100%;
    height: 1px;
    border:0;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom:1px dashed #F7C499;
    color: #ffffff;
    }
    .unit01b .ajax .img {
	position: relative;
    float: left;
	width: 200px;
	height: 200px;
    margin: 70px 0 0 10%;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
	.unit01b .ajax .img2 {
	position: relative;
    float: left;
	width: 200px;
	height: 460px;
    margin: 70px 0 0 10%;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
    .unit01b .ajax .img3 {
	position: relative;
    float: left;
	width: 200px;
	height: 462px;
    margin: 70px 0 0 10%;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
    .unit01b .ajax .img4 {
	position: relative;
    float: left;
	width: 200px;
	margin: 70px 0 0 10%;
	height: 279px;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
    .unit01b .ajax .img5 {
	position: relative;
	width: 200px;
	margin: 70px 0 0 10%;
	height: 576px;
	float: left;
	background-size: cover;
	background-position: center;
	}
}

.GI_TW_expander {
  color: #4f4b49;
}

@media only screen and (min-device-width: 480px) 
and (max-device-width: 568px) 
and (-webkit-min-device-pixel-ratio: 2) {
    .unit01b .ajax .img {
    position: relative;
    float: left;
	width: 200px;
	height: 200px;
    margin: 70px 0 0 28.5%;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
	.unit01b .ajax .img2 {
	position: relative;
    float: left;
	width: 200px;
	height: 460px;
    margin: 70px 0 0 28.5%;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
    .unit01b .ajax .img3 {
	position: relative;
    float: left;
	width: 200px;
	height: 462px;
    margin: 70px 0 0 28.5%;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
    .unit01b .ajax .img4 {
	position: relative;
    float: left;
	width: 200px;
	margin: 70px 0 0 28.5%;
	height: 279px;
	background-size: cover;
	background-position: center;
    text-align: center;
	}
    .unit01b .ajax .img5 {
	position: relative;
	width: 200px;
	margin: 70px 0 0 28.5%;
	height: 576px;
	float: left;
	background-size: cover;
	background-position: center;
	}
}

/**
 *
 * The wall could be used to show an image gallery or any other content in a "google images" user interaction way
 * Here there is all the html needed
 *
 *
 *  <div class="GITheWall">
 *    <ul>
 *      <li data-contenttype="image" data-href="path/to/the/image">
 *        <img src="small/thumb" />
 *      <li>
 *      <li data-contenttype="ajax" data-href="path/to/the/html/to/load">
 *        <img src="small/thumb" />
 *      <li>
 *    </ul>
 *  </div>
 *
 */
.GITheWall ul {
  list-style: none;
  padding: 20px 0;
  margin: 0 auto;
  text-align: left;
  width: 100%;
}
.GITheWall ul li {
  display: inline-block;
  margin: 10px 5px 0 5px;
  vertical-align: top;
  width: 200px;
}
@media (max-width: 736px) {
  .GITheWall ul li {
  display: inline-block;
  margin: 10px 5px 0 5px;
  vertical-align: top;
  width: 150px;
  }
}
@media (max-width: 667px) {
  .GITheWall ul li {
  display: inline-block;
  margin: 10px 5px 0 5px;
  vertical-align: top;
  width: 150px;
  }
}
@media (max-width: 640px) {
  .GITheWall ul li {
  display: inline-block;
  margin: 10px 5px 0 5px;
  vertical-align: top;
  width: 150px;
  }
}
@media (max-width: 320px) {
  .GITheWall ul li {
  display: inline-block;
  margin: 10px 5px 0 5px;
  vertical-align: top;
  width: 120px;
  }
}

.GITheWall ul li.GI_TW_Selected_Row {
  -webkit-transition: margin-bottom 0.3s ease-in;
  -moz-transition: margin-bottom 0.3s ease-in;
  -o-transition: margin-bottom 0.3s ease-in;
  transition: margin-bottom 0.3s ease-in;
}

.GITheWall02 ul {
    list-style: none;
    padding: 20px 0;
    margin: 0 auto;
    text-align: left;
    width: 1100px;
}
.GITheWall02 ul li {
  display: inline-block;
  margin: 0 60px 0 0;
  vertical-align: top;
  width: 230px;
}
.GITheWall02 ul li.end {
  display: inline-block;
  margin: 0 0 0 0;
  vertical-align: top;
  width: 230px;
}
@media (max-width: 736px) {
    .GITheWall02 ul {
    position: relative;
    top: -40px;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
    }
    .GITheWall02 ul li {
    display: inline-block;
    margin: 0 0 0 10%;
    vertical-align: top;
    width: 40%;
    }
    .GITheWall02 ul li.end {
    display: inline-block;
    margin: 0 0 0 10%;
    vertical-align: top;
    width: 40%;
    }
}
@media (max-width: 667px) {
    .GITheWall02 ul {
    position: relative;
    top: -40px;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
    }
    .GITheWall02 ul li {
    display: inline-block;
    margin: 0 0 0 8%;
    vertical-align: top;
    width: 35%;
    }
    .GITheWall02 ul li.end {
    display: inline-block;
    margin: 0 0 0 8%;
    vertical-align: top;
    width: 35%;
    }
}

@media (max-width: 640px) {
    .GITheWall02 ul {
    position: relative;
    top: -40px;
    list-style: none;
    margin: 0 auto;
    padding: 0 0;
    text-align: center;
    width: 100%;
    }
    .GITheWall02 ul li {
    display: inline-block;
    margin: 0 0 0 10%;
    vertical-align: top;
    width: 35%;
    }
    .GITheWall02 ul li.end {
    display: inline-block;
    margin: 0 0 0 10%;
    vertical-align: top;
    width: 35%;
    }
}



.GITheWall02 ul li.GI_TW_Selected_Row {
  -webkit-transition: margin-bottom 0.3s ease-in;
  -moz-transition: margin-bottom 0.3s ease-in;
  -o-transition: margin-bottom 0.3s ease-in;
  transition: margin-bottom 0.3s ease-in;
}

.GITheWall .GI_TW_expander {
  position: absolute;
  z-index: 1;
  top: 0;
  background: #ffffff;
  left: 0;
  width: 100%;
  height: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  -webkit-transition: height 0.3s ease-in;
  -moz-transition: height 0.3s ease-in;
  -o-transition: height 0.3s ease-in;
  transition: height 0.3s ease-in;
}

.GITheWall02 .GI_TW_expander {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  background: #ffffff;
  overflow: hidden;
  -webkit-transition: height 0.3s ease-in;
  -moz-transition: height 0.3s ease-in;
  -o-transition: height 0.3s ease-in;
  transition: height 0.3s ease-in;
}

.GI_TW_expander.animating {
  overflow: hidden !important;
}
.GI_TW_expander.opened {
  overflow: visible;
  margin: 10px 0 0 0;
}
.GI_TW_expander .GI_TW_pointer {
  position: absolute;
  margin-left: -10px;
  margin-top: -20px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 20px solid #736357;
  -webkit-transition: left 0.3s ease-in;
  -moz-transition: left 0.3s ease-in;
  -o-transition: left 0.3s ease-in;
  transition: left 0.3s ease-in;
}
.GI_TW_expander .GI_TW_expander-inner {
  width: 100%;
  height: 100%;
  margin: 0 auto 0 auto;
  padding: 0 60px 0 60px;
  border: 1px solid #b5b5b5;
  overflow: hidden;
}
.GI_TW_expander .GI_TW_expander-inner .GI_TW_fullimg {
  position: relative;
  width: 100%;
  height: 300px;
  margin: 10px 0 0;
  text-align: center;
  overflow: hidden;
}
.GI_TW_expander .GI_TW_expander-inner .GI_TW_fullimg img {
  position: relative;
}

@media (max-width: 736px) {
    .GI_TW_expander.opened {
    overflow: visible;
    margin: -30px 0 0 0;
    }
    .GI_TW_expander .GI_TW_expander-inner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 0px 0 10px;
    border: 1px solid #b5b5b5;
    overflow: hidden;
    }
    .GI_TW_expander .GI_TW_expander-inner .GI_TW_fullimg {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0 30px 0 30px;
    text-align: center;
    overflow: hidden;
    }
    .GI_TW_expander .GI_TW_expander-inner .GI_TW_fullimg img {
    position: relative;
    }
}

@media (max-width: 667px) {
    .GI_TW_expander.opened {
    overflow: visible;
    margin: -30px 0 0 0;
    }
    .GI_TW_expander .GI_TW_expander-inner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 0px 0 10px;
    border: 1px solid #b5b5b5;
    overflow: hidden;
    }
    .GI_TW_expander .GI_TW_expander-inner .GI_TW_fullimg {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    overflow: hidden;
    }
    .GI_TW_expander .GI_TW_expander-inner .GI_TW_fullimg img {
    position: relative;
    }
}

@media only screen and (device-width: 667px) {
    .GI_TW_expander .GI_TW_expander-inner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 0px 0 30px;
    border: 1px solid #b5b5b5;
    overflow: hidden;
    }
}

@media (max-width: 640px) {
    .GI_TW_expander.opened {
    overflow: visible;
    margin: -30px 0 0 0;
    }
    .GI_TW_expander .GI_TW_expander-inner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 0px 0 10px;
    border: 1px solid #b5b5b5;
    overflow: hidden;
    }
    .GI_TW_expander .GI_TW_expander-inner .GI_TW_fullimg {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    }
    .GI_TW_expander .GI_TW_expander-inner .GI_TW_fullimg img {
    position: relative;
    }
}

@media only screen and (device-width: 640px) {
    .GI_TW_expander .GI_TW_expander-inner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 0px 0 30px;
    border: 1px solid #b5b5b5;
    overflow: hidden;
    }
}

@media (max-width: 320px) {
    .GI_TW_expander.opened {
    overflow: visible;
    margin: -30px 0 0 0;
    }
    .GI_TW_expander .GI_TW_expander-inner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 0px 0 0px;
    border: 1px solid #b5b5b5;
    overflow: hidden;
    }
    .GI_TW_expander .GI_TW_expander-inner .GI_TW_fullimg {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    }
    .GI_TW_expander .GI_TW_expander-inner .GI_TW_fullimg img {
    position: relative;
    }
}

@media only screen and (device-width: 320px) {
    .GI_TW_expander .GI_TW_expander-inner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 0px 0 30px;
    border: 1px solid #b5b5b5;
    overflow: hidden;
    }
}

.GI_TW_expander .GI_TW_Controls {
  z-index: 1;
}
.GI_TW_expander .GI_TW_close::before {
  position: absolute;
  width: 37px;
  height: 37px;
  top: 20px;
  right: 25px;
  cursor: pointer;
  content: url("../../assets/images/close_btn01.png");
}
.GI_TW_expander .GI_TW_arrow {
  position: absolute;
  top: 50%;
  cursor: pointer;
}
.GI_TW_expander .GI_TW_arrow.GI_TW_hidden {
  display: none;
}
/*.GI_TW_expander .GI_TW_arrow.GI_TW_next::before {
  top: 90%;
  right: 30px;
  content: url("../../assets/images/next_btn02.png");
}
.GI_TW_expander .GI_TW_arrow.GI_TW_prev::before {
  top: 90%;
  left: 30px;
  content: url("../../assets/images/prev_btn02.png");
}*/
.GI_TW_expander .GI_TW_loading {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ddd;
  box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #cccccc;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0;
  -webkit-animation: loader 0.5s infinite ease-in-out both;
  -moz-animation: loader 0.5s infinite ease-in-out both;
  -ms-animation: loader 0.5s infinite ease-in-out both;
  -o-animation: loader 0.5s infinite ease-in-out both;
  animation: loader 0.5s infinite ease-in-out both;
}

@media (max-width: 667px) {
    .GI_TW_expander .GI_TW_pointer {
    position: absolute;
    margin-left: 20px;
    margin-top: -20px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 20px solid #736357;
    -webkit-transition: left 0.3s ease-in;
    -moz-transition: left 0.3s ease-in;
    -o-transition: left 0.3s ease-in;
    transition: left 0.3s ease-in;
    }
    .GI_TW_expander .GI_TW_close {
    position: absolute;
    width: 37px;
    height: 37px;
    top: 20px;
    right: 25px;
    cursor: pointer;
    content: url("../../assets/images/close_btn01.png");
    }
    @-moz-document url-prefix() {
    .GI_TW_expander .GI_TW_close {
    position: absolute;
    width: 37px;
    height: 37px;
    top: 10px;
    right: 0px;
    cursor: pointer;
    content: url("../../assets/images/close_btn01.png");
    }
    }
    /*GI_TW_expander .GI_TW_arrow.GI_TW_next {
    position: relative;
    top: 90%;
    right: 10px;
    content: url("../../assets/images/next_btn02.png");
    }
    .GI_TW_expander .GI_TW_arrow.GI_TW_prev {
    position: relative;
    top: 90%;
    left: 10px;
    content: url("../../assets/images/prev_btn02.png");
    }*/
}

@media (max-width: 640px) {
    .GI_TW_expander .GI_TW_pointer {
    position: absolute;
    margin-left: 20px;
    margin-top: -20px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 20px solid #736357;
    -webkit-transition: left 0.3s ease-in;
    -moz-transition: left 0.3s ease-in;
    -o-transition: left 0.3s ease-in;
    transition: left 0.3s ease-in;
    }
    .GI_TW_expander .GI_TW_close {
    position: absolute;
    width: 37px;
    height: 37px;
    top: 20px;
    right: 25px;
    cursor: pointer;
    content: url("../../assets/images/close_btn01.png");
    }
    @-moz-document url-prefix() {
    .GI_TW_expander .GI_TW_close {
    position: absolute;
    width: 37px;
    height: 37px;
    top: 10px;
    right: 0px;
    cursor: pointer;
    content: url("../../assets/images/close_btn01.png");
    }
    }
    /*GI_TW_expander .GI_TW_arrow.GI_TW_next {
    position: relative;
    top: 90%;
    right: 10px;
    content: url("../../assets/images/next_btn02.png");
    }
    .GI_TW_expander .GI_TW_arrow.GI_TW_prev {
    position: relative;
    top: 90%;
    left: 10px;
    content: url("../../assets/images/prev_btn02.png");
    }*/
}

@media (max-width: 320px) {
    .GI_TW_expander .GI_TW_pointer {
    position: absolute;
    margin-left: 10px;
    margin-top: -20px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 20px solid #736357;
    -webkit-transition: left 0.3s ease-in;
    -moz-transition: left 0.3s ease-in;
    -o-transition: left 0.3s ease-in;
    transition: left 0.3s ease-in;
    }
    .GI_TW_expander .GI_TW_close {
    position: absolute;
    width: 37px;
    height: 37px;
    top: 20px;
    right: 25px;
    cursor: pointer;
    content: url("../../assets/images/close_btn01.png");
    }
    @-moz-document url-prefix() {
    .GI_TW_expander .GI_TW_close {
    position: absolute;
    width: 37px;
    height: 37px;
    top: 10px;
    right: 0px;
    cursor: pointer;
    content: url("../../assets/images/close_btn01.png");
    }
    }
    /*GI_TW_expander .GI_TW_arrow.GI_TW_next {
    position: relative;
    top: 90%;
    right: 10px;
    content: url("../../assets/images/next_btn02.png");
    }
    .GI_TW_expander .GI_TW_arrow.GI_TW_prev {
    position: relative;
    top: 90%;
    left: 10px;
    content: url("../../assets/images/prev_btn02.png");
    }*/
}

@-moz-keyframes loader {
  0% {
    background: #ddd;
  }

  33% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #dddddd;
  }

  66% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #dddddd, -15px 30px 1px #cccccc;
  }
}

@-webkit-keyframes loader {
  0% {
    background: #ddd;
  }

  33% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #dddddd;
  }

  66% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #dddddd, -15px 30px 1px #cccccc;
  }
}

@-o-keyframes loader {
  0% {
    background: #ddd;
  }

  33% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #dddddd;
  }

  66% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #dddddd, -15px 30px 1px #cccccc;
  }
}

@-ms-keyframes loader {
  0% {
    background: #ddd;
  }

  33% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #dddddd;
  }

  66% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #dddddd, -15px 30px 1px #cccccc;
  }
}

@keyframes loader {
  0% {
    background: #ddd;
  }

  33% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #cccccc, -15px 30px 1px #dddddd;
  }

  66% {
    background: #ccc;
    box-shadow: 0 0 1px #cccccc, 15px 30px 1px #dddddd, -15px 30px 1px #cccccc;
  }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.tac {
  text-align: center;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.clear-both {
  clear: both;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}