/*subpage ����*/
.title_header{
	background-color:#fff;
	padding:20px;
}
.title_header_inner{
	max-width:1100px;
	margin:0 auto;
}
.title_header .block{
	display: table;
	width:100%;

}
.title_header .block_element{
	display: table-cell;
}
.title_header .icon{width:120px;}
.title_header .icon img{width:100%;max-width:120px}
.title_header .title{
	padding:20px;
}

.title_header .title h1{
	position: relative;
	padding-bottom: .5em;
}
.title_header .title h1::before,
.title_header .title h1::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	height: 4px;
}
.title_header .title h1::before {
	z-index: 2;
	width: 15%;
	background-color: #c11a12;
}
.title_header .title h1::after {
	width: 100%;
	background-color: #c11a12;
	height:1px;
}

/*���� top-box*/
.top-box{
	padding:60px 20px;
}
a.back{
	color:#fff;
	padding:4px;
}
a.back:hover{
	background-color:rgba(0,0,0,0.4);
}

.text-box a {
	font-weight:bold;
	color:#44DEDE;
  display: inline-block;
  transition: .3s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.text-box a:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/*gallary*/
#gallary .glist li{

}
#gallary .glist li a{
	color:#fff;
}
#gallary .glist li a:hover{
	color:#000;
}

#gallary .imgwapper{
	height: 200px;
}

/*poster*/
#poster .glist li .thumb{
    height: 330px;

}
#poster .glist li a{
	color:#fff;
}
#poster .glist li a:hover{
	color:#000;
}

/*goods*/

#goods .img-box{
	/* box-shadow */
	box-shadow:0px 0px 6px 3px #cdd1d0;
	-moz-box-shadow:0px 0px 6px 3px #cdd1d0;
	-webkit-box-shadow:0px 0px 6px 3px #cdd1d0;

	/* border-radius */
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;

	/* border */
	border:1px solid #cccccc;
}

#goods .tshirts .img-box{
	width:38.18182%;
	float:left;
	margin:0 4.54545% 4.54545% 0;
}
#goods .tshirts .discription{
	width:57.27273%;
	float:left;
	margin:0 0 4.54545% 0;

}

#goods .discription h3 {
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ccc;
        margin-bottom: 30px;
}
#goods .discription h3::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #3498db;
}

#goods .tshirts .discription .text{
	margin-bottom:20px;
}

#goods .readmore a{
	color:#FFFF00;
}

#goods span.under{
	display:block;
	position: relative;
	padding-bottom: .5em;
	margin-bottom:20px;
}
#goods span.under::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	height: 8px;
	width: 100%;
	background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #87CEFA 2px, #87CEFA 4px);
	background: repeating-linear-gradient(45deg, #fff, #fff 2px, #87CEFA 2px, #87CEFA 4px);
}

#goods .others .img-box{
	width:28.636365%;
	float:left;
	margin:0 4.54545% 2.54545% 0;
	height:220px;

}
#goods .others .discription{
	width:66.818185%;
	float:left;
	margin:0 0 2.54545% 0;
}


#goods .others .discription .text{
	margin-bottom:20px;
}


#goods-view .img-box{
	width:47.727275%;
	float:left;
	margin:0 4.54545% 4.54545% 0;
}
#goods-view .text-box{
	width:47.727275%;
	float:left;
	margin:0 0 4.54545% 0;
}

#goods-view .text-box{
    line-height: 2.2rem;
}
#goods-view .text-box h3.title{
    background-color:#fff;
    padding:8px;
    color:#000;
    border-bottom:solid 8px #FFFF00;
    margin-bottom:20px;
}
#goods-view .text-box h4{
    margin-bottom:20px;
    font-size:17px;
}

/*-----------------
	#gps
*/
#gps iframe{width:100%}
#gps #live{margin-bottom:40px}
#gps .text{margin:10px 0;padding:10px;line-height:1.8rem;background-color:#fff;color:#000;}
#gps .text ul{padding:10px 20px;}
#gps .text li{list-style-type:disc}
.gps-box{padding:0 20px;}



@media screen and (min-width: 0px) and (max-width:767px){
    #goods .tshirts .img-box,#goods .tshirts .discription,
    #goods .others .img-box,#goods .others .discription,
    #goods-view .text-box,#goods-view .img-box{
        width:100%;
        float:none;
    }
}

/* access page
------------*/
#info .items a{

    background:rgba(255,255,255,0.7);

    display: block;

}
#info .items .date{
   padding:8px;
   display: block;
}
#info .items .thumb{
    height:180px;
}
#info .items .title{
    margin-top: 10px;
    background-color: rgba(0,0,0,0.6);
    padding:8px;
    color:#fff;
    font-weight: normal;
    font-size:1.6rem;
}

#info .items .archive a{
    background-color: #FFFF00;
    padding:30px;
    text-align: center;
    font-weight:bold;
    font-size:24px;
}
#info .items .archive a:hover{
    background-color: #FFFF00;
    padding:30px;
    text-align: center;
    font-weight:bold;

}

/*history
-------------------*/
#history .gaiyo h3{
    margin: 20px 0;
    background-color:#fff;
    padding:8px;
    color:#000;
    border-bottom:solid 5px #8e8e8e;
    margin-bottom:20px;
}
#history .text{
    line-height: 2.2rem;
    font-size: 17px;
}

#history .history-box{
    padding:30px 20px; background-color:#f6f6f6;

}
#history .history-box .history-box-inner{
    color:#000;
}
#history .history-box .discription{
    margin: 40px 0;

}

#history .history-box .discription .col-2{
   width:47.727%;float:left;margin-right:4.454%;margin-bottom:4.454%;
}
#history .history-box .discription .col-2:nth-child(2n){margin-right:0;}

#history .history-box .discription h3{
    padding: 8px;
    border-left: #c11a12 solid 4px;
    margin-bottom: 20px;
}

#history .history-box .discription table{
    width:100%;
}
#history .history-box .discription table th,
#history .history-box .discription table td{

    text-align: left;
    border:solid #8e8e8e 1px;
    border-spacing: 0px;
    padding:10px;
}
#history .history-box .discription table th{
   width:120px;
}



@media screen and (min-width: 0px) and (max-width:767px){
    .title_header .icon{width: 50px;}
    .title_header .title h1{font-size:2.1rem;}
    #history .history-box .discription .col-2{
        width: 100%;
        float: none;
    }
    #history .history-box .discription table th,
    #history .history-box .discription table td{

        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    #history .history-box .discription table th{
        background-color: #8e8e8e;
        color:#fff;
     }
}