@import url("reset.css");


*{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body{
	width: 100%;
	margin: 0;
	padding: 0;
	word-wrap: break-word;/*英文換行*/
	word-break: normal;/*英文換行*/
	font-family:"微軟正黑體", "新細明體",Arial, Helvetica, sans-serif;
	color:#000;
	overflow: auto;
	background: url("../images/bg_ll.png") ;
	background-color: #FFF;

}
#wrapper{
	width:100%;
	max-width: 1920px;
	min-width: 370px;
	margin:0 auto;
	background-color: #fff;
	position: relative;
	overflow: hidden;
}

#wrapper img{
	width: 100%;
	height: auto;
	display: block;
}

/*==================================== 主視覺 ====================================*/ 

#wrapper .main_top{
	width: 100%;
	height: 0;
	padding: 30px 30px 51.5625% 30px;
	position: relative;
}

#wrapper .main_top h1.heading{
	width: 35%;
	height: 0;
	padding-bottom: 22%;
	text-indent: -9999px;
	background:url("../images/main_title.png") no-repeat left top;
	background-size: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 100px;
	margin: 0 auto;
	z-index: 10;
	
	animation:mainTt 1s 1;
	-moz-animation:mainTt 1s 1;
	-webkit-animation:mainTt 1s 1;
}


@keyframes mainTt{
		
		from{
			opacity:0;
		}
		to{ 
			opacity:100;
		}
}

#wrapper .main_top .slider_container{
	width: 100%;
	height: 0;
	padding-bottom: 51.5625%;
	margin-bottom: 50px;
	position: relative;
	
}

#wrapper .main_top .slider_container .pic { /* -- 圖片輪播部分 -- */
	width:100%;
	height: auto;
	
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
	
	-webkit-animation: round 20s linear infinite;
            animation: round 20s linear infinite;
}

@-webkit-keyframes round { /* 100%/20s=5%/1s */
    5% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 0 - 1秒 淡入*/
    }
    25% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 1- 5秒靜止*/
    }
    30% {
        opacity: 0;
        filter: alpha(opacity=0);
        /* 5-6秒淡出*/
    }
}
@keyframes round {
    5% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 0 - 1秒 淡入*/
    }
    25% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 1- 5秒靜止*/
    }
    30% {
        opacity: 0;
        filter: alpha(opacity=0);
        /* 5-6秒淡出*/
    }
}

#wrapper .main_top .slider_container .pic:nth-child(1) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}

#wrapper .main_top .slider_container .pic:nth-child(2) {
    -webkit-animation-delay: 5s;
            animation-delay: 5s;
}

#wrapper .main_top .slider_container .pic:nth-child(3) {
    -webkit-animation-delay: 10s;
            animation-delay: 10s;
}

#wrapper .main_top .slider_container .pic:nth-child(4) {
    -webkit-animation-delay: 15s;
            animation-delay: 15s;
}

#wrapper .main_top .slider_container .pic img{
	width:100%;
	height:auto;
	border-radius: 30px;
}

#wrapper .main_top .slider_container-mobile{
	display:none;
}

/*==================================== 選單 ====================================*/ 

#wrapper nav{
    width: 100%;
}

#wrapper nav ul{
    width: 100%;
    margin: 0 auto;
    list-style: none;
	text-align: center;
}

#wrapper nav li{
    width: 10.9375%;
    display: inline-block;
    vertical-align: top;
	margin: 0 1%;
}


#wrapper nav li a{
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    text-decoration: none;
    text-indent: -9999px;
}

#wrapper nav li a.btn_01{
    background: url("../images/btn_0101.png") no-repeat left top;
    background-size: 100%;
    transition: all .3s linear;
}

#wrapper nav li a.btn_02{
    background: url("../images/btn_0201.png")  no-repeat left top;
    background-size: 100%;
    transition: all .3s linear;
}

#wrapper nav li a.btn_03{
    background: url("../images/btn_0301.png")  no-repeat left top;
    background-size: 100%;
    transition: all .3s linear;
}

#wrapper nav li a.btn_04{
    background: url("../images/btn_0401.png")  no-repeat left top;
    background-size: 100%;
    transition: all .3s linear;
}

#wrapper nav li a.btn_01:hover{
    background: url("../images/btn_0102.png") no-repeat left top;
    background-size: 100%;
}

#wrapper nav li a.btn_02:hover{
    background: url("../images/btn_0202.png") no-repeat left top;
    background-size: 100%;
}

#wrapper nav li a.btn_03:hover{
    background: url("../images/btn_0302.png") no-repeat left top;
    background-size: 100%;
}

#wrapper nav li a.btn_04:hover{
    background: url("../images/btn_0402.png") no-repeat left top;
    background-size: 100%;
}

/*==================================== 介紹區 ====================================*/ 

#wrapper .pass_area{
	width: 100%;
	margin-bottom: 50px;
}

#wrapper .pass_area p{
	font-size: 18px;
	line-height: 30px;
	color: #333;
}

#wrapper .pass_area h2{
	display: block;
	width: 26.04167%;
	height: 0;
	padding-bottom: 9.38%;
	text-indent: -9999px;
	background: url("../images/areatitle_01.png") no-repeat left top;
	background-size: 100%;
	margin: 50px auto;
}

#wrapper .pass_area .pass_merit{
	width: 84%;
	padding-top: 50px;
	padding-bottom: 15px;
	background-color: #f6f5ed;
	margin: 0 auto 50px;
	text-align: center;
	position: relative;
}

#wrapper .pass_area .pass_merit h3{
	width: 31.9444%;
	height: 0;
	padding-bottom: 4.174%;
	text-indent: -9999px;
	background: url("../images/pass_stt.png") no-repeat left top;
	background-size: 100%;
	position: absolute;
	top:-25px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	z-index: 10;
}

#wrapper .pass_area .pass_merit .go_down{
	display: none;
	
}

#wrapper .merit_txt{
	width: 100%;
}

#wrapper .merit_txt p{
	display: inline-block;
	vertical-align: top;
	margin: 0 2% 15px;
}

#wrapper .pass_list{
	margin-bottom: 50px;
}

#wrapper .pass_list ul{
	width: 84%;
	margin: 0 auto;
	text-align: center;
}

#wrapper .pass_list li{
	display: inline-block;
	vertical-align: top;
	width: 21.2%;
    margin-right: 5%;
}

#wrapper .pass_list li:last-child{
	margin-right: 0;
}

#wrapper .pass_list a.goto_buy{
	display: block;
	width: 41.67%;
	height: 80px;
	margin: 50px auto;
	border:#006ca8 2px solid;
	border-radius: 40px;
	text-align: center;
	text-decoration: none;
	font-size: 36px;
	font-weight: 600;
	color: #006ca8;
	line-height: 75px;
	transition: all .3s linear;
	background-color:rgba(0,108,168,0);
}

#wrapper .pass_list a.goto_buy span{
	margin-left: 5px;
	margin-right: 0;
	letter-spacing: -10px;
}

#wrapper .pass_list a.goto_buy:hover{
	color: #fff;
	background-color:rgba(0,108,168,1.0); 
}

#wrapper .pass_list a.goto_buy:hover span{
	margin-right: -10px;	
}

#wrapper .pass_list p{}

/* 表格 */

#wrapper .ticket_remark{
	background-color: #f6f5ed;
	padding: 50px 0;
}

#wrapper .pass_scope{
	width: 84%;
	margin: 0 auto 50px;
}

#wrapper .pass_scope h4{
	text-align: center;
	font-size: 36px;
	font-weight: 600;
	color: #006ca8;
	margin-bottom: 50px;
}

#wrapper .pass_outerring{
	display: inline-block;
	vertical-align: top;
	width: 47.2%;
	margin-right: 5%;
}

#wrapper .pass_outerring:last-child{
	margin-right: 0;
}


#wrapper .pass_table{
	width: 100%;
	background-color: #FFF;
	border:#006ca8 1px solid;
}


#wrapper .pass_table .form_row{
	width: 100%;
	display: table;
}

#wrapper .pass_table .form_grid{
	display: inline-block;
	vertical-align: top;
	height: 40px;
	border:#006ca8 1px solid;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
}

#wrapper .pass_table .form_grid span{
	color:#ff0000;
	margin-right: -6px;
}

#wrapper .pass_table .form_second{
	background-color: #d8ebf4;
}

#wrapper .pass_table .form_title{
	width: 80%;
	color: #fff;
	background-color: #006ca8;
	
}

#wrapper .pass_table .form_ticket{
	width: 20%;
}

#wrapper .pass_table .form_city{
	width: 16%;
}

#wrapper .pass_table .form_traffic{
	width: 20%;
}

#wrapper .pass_note{
	width: 100%;
	margin-top: 10px;
	font-size: 16px;
	line-height: 28px;
}

#wrapper .pass_note span{
	color: #ff0000;
}

#wrapper .pass_note a{
	color: #006ca8;
	text-decoration: underline;
}


/*==================================== 地圖 ====================================*/ 

#wrapper .map_area{
	width: 100%;
	background: url("../images/map_bk.gif") repeat-x left bottom;
	background-position: left bottom;
	padding-bottom: 100px;
}

#wrapper .map_area h2{
	display: block;
	width: 26.04167%;
	height: 0;
	padding-bottom: 9.38%;
	text-indent: -9999px;
	background: url("../images/areatitle_02.png") no-repeat left top;
	background-size: 100%;
	margin: 50px auto;
}

#wrapper .map_pic{
	width: 49%;
	margin: 0 auto;
}

/*==================================== 景點 ====================================*/


#wrapper .spot_area{
	width: 100%;
	padding: 50px 0;
	background-color: #d8ebf4;
	margin-bottom: 50px;
}

#wrapper .spot_area h2{
	display: block;
	width: 26.04167%;
	height: 0;
	padding-bottom: 9.38%;
	text-indent: -9999px;
	background: url("../images/areatitle_03.png") no-repeat left top;
	background-size: 100%;
	margin: 0 auto 50px;
}

#wrapper .spot_box{
	width: 84%;
    height: 0;
    padding-bottom: 39%;
	clear: both;
	margin:0 auto 100px;
	position: relative;
}

#wrapper .spot_content{
	width: 40%;
	border:#006ca8 2px solid;
	padding: 20px 20px 50px;
	background-color: #FFF;
	text-align: justify;
	position: absolute;
}

#wrapper .spot_content h3{
	width: 89%;
	height: 0;
	padding-bottom: 18.74%;
	text-indent: -9999px;
	margin-bottom: 15px;
}



#wrapper .spot_content h3.spot_tt_osaka{
	background: url("../images/spot_osaka.png") no-repeat left top;
	background-size: 100%;
}

#wrapper .spot_content h3.spot_tt_nara{
	background: url("../images/spot_nara.png") no-repeat left top;
	background-size: 100%;
}

#wrapper .spot_content h3.spot_tt_nara02{
	background: url("../images/spot_nara02.png") no-repeat left top;
	background-size: 100%;
}

#wrapper .spot_content h3.spot_tt_mie{
	background: url("../images/spot_mie.png") no-repeat left top;
	background-size: 100%;
}

#wrapper .spot_content h3.spot_tt_kyoto{
	background: url("../images/spot_kyoto.png") no-repeat left top;
	background-size: 100%;
}

#wrapper .spot_content h3.spot_tt_nagoya{
	background: url("../images/spot_nagoya.png") no-repeat left top;
	background-size: 100%;
}

#wrapper .spot_content p{
	font-size: 18px;
	line-height: 30px;
	color: #333;
}

#wrapper .spot_pic{
	width: 65%;
}

#wrapper .spot_pic img{
	border-radius:30px;
}

#wrapper .left_side{
	top:50px;
	left: 0;
}

#wrapper .right_side{
	top:50px;
	right: 0;
}

#wrapper .pic_left_side{
	float: left;
}

#wrapper .pic_right_side{
	float: right;
}



/*==================================== 電車 ====================================*/ 

#wrapper .train_area{
	width: 100%;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

#wrapper .train_area h2{
	display: block;
	width: 26.04167%;
	height: 0;
	padding-bottom: 15.12%;
	text-indent: -9999px;
	background: url("../images/areatitle_04.png") no-repeat left top;
	background-size: 100%;
	margin: 50px auto; 
}

#wrapper .train_txt{
	width: 90%;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	color: #333;
	margin: 0 auto 50px;
}

#wrapper .train_list{
	width: 84%;
	margin: 0 auto;
}

#wrapper .train_box{
	display: inline-block;
	vertical-align: top;
	width: 23.4375%;
	height: 0;
	padding: 10px 10px 32%;
	margin-right: 1%;
	background-color: #FFF;
	position: relative;
}


#wrapper .train_aoniyoshi{
	border: #7e318e 5px solid;
}

#wrapper .train_shimakaze{
	border: #006ca8 5px solid;
}

#wrapper .train_hinotori{
	border: #c30d23 5px solid;
}

#wrapper .train_symphony{
	border: #2e446d 5px solid;
}


#wrapper .train_box h4{
	width:100%;
	height: 0;
	padding-bottom: 11.11111%;
	text-indent: -9999px;
	margin-bottom: 15px;
}

#wrapper .train_aoniyoshi h4{
	background: url("../images/train_tt_aoniyoshi.png") no-repeat left top;
	background-size: 100%;
}

#wrapper .train_shimakaze h4{
	background: url("../images/train_tt_shimakaze.png") no-repeat left top;
	background-size: 100%;
}

#wrapper .train_hinotori h4{
	background: url("../images/train_tt_hinotori.png") no-repeat left top;
	background-size: 100%;
}
#wrapper .train_symphony h4{
	background: url("../images/train_tt_bluesymphony.png") no-repeat left top;
	background-size: 100%;
	padding-bottom: 25%;
}

#wrapper .train_box p{
	display: block;
	width: 100%;
	min-height: 145px;
	font-size: 18px;
	line-height: 30px;
	text-align: left;
}

#wrapper .train_symphony p{
	min-height: 100px;
}

#wrapper .train_box img{
	width: 94%;
	height: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	margin: 0 auto;
	border-radius: 20px;
	
}


/*==================================== 版權資訊 ====================================*/ 

footer{
	width: 100%;
	padding: 30px 0;
	background-color: #f5f5ed;
	position: relative;
}


footer .infor{
	text-align: center;
	position:relative;
	width: 60%;
	font-size: 16px;
	line-height: 24px;
	margin: 0 auto
}

footer .infor a{
	text-decoration: none;
	color: #000;
}

footer .infor a.logo{
	display:inline-block;
	vertical-align: top;
	width: 200px;
	margin-right: 20px;
	text-align: center;
	
}

footer .infor a.logo img{
	margin-top: 20px;
	margin-bottom: 20px;
}

footer .infor .company{
	display: inline-block;
	vertical-align: top;
	width: 570px;
	margin-bottom: 10px;
		
}

footer .infor .name a{
	margin-left: 10px;
	font-size: 16px;
	
}

footer .infor .company .name{
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	border-bottom: #333 1px solid;
	
}

footer .infor .company p{
	display:inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

footer .infor .company .item{
	width: 100%;
	height: 30px;
	
}

footer .infor .copyright{
	width: 100%;
	padding: 50px 20px 0;
	
}

footer .infor .copyright a{
	text-decoration: underline;
	color: #006ca8;
	margin-left: 10px;
}



.gotop{
	position: absolute;
	top: -10px;
	right: 0;
	z-index: 99;
}

/*==================================== RWD開始 ====================================*/

@media screen and (max-width: 1400px){
    
    #wrapper .pass_area .pass_merit,
    #wrapper .pass_list ul,
	#wrapper .pass_scope{
		width: 80%;
	}
}

@media screen and (max-width: 1280px){
	
	#wrapper nav li {
		width: 14%;
	}
	
	#wrapper .pass_area .pass_merit {
    	width: 90%;
		padding-top: 30px;
	}
	
	#wrapper .pass_list ul,
	#wrapper .pass_scope{
		width: 94%;
	}
    
    #wrapper .pass_outerring {
        width: 48.82%;
        margin-right: 1.5%;
    }
	
	#wrapper .pass_list a.goto_buy {
		width: 45%;
		height: 60px;
		border-radius: 30px;
		font-size: 30px;
		line-height: 55px;
	}
	
	#wrapper .map_pic {
		width: 60%;
	}
	
	#wrapper .spot_box {
		width: 90%;
		padding-bottom: 40%;
	}
	
	#wrapper .spot_content p,#wrapper .train_txt,#wrapper .train_box p {
		font-size: 16px;
		line-height: 28px;
	}

	#wrapper .train_list {
		width: 90%;
	}
	
	#wrapper .train_box{
		padding: 10px 10px 35%;
	}
	
	footer .infor {
		width: 100%;
	}
	
}

@media screen and (max-width: 1024px){
	
	#wrapper .pass_scope h4{
		font-size: 36px;
	}
	
	#wrapper .pass_outerring{
		display: block;
		width: 80%;
		margin: 0 auto 50px;
	}
	
	#wrapper .pass_outerring:last-child {
		margin-right: auto;
	}
    
    #wrapper .map_area {
		background: url(../images/map_bk_s.gif) repeat-x left bottom;
		background-position: left bottom;
		padding-bottom: 50px;
	}
}

@media screen and (max-width: 800px){
	
	#wrapper .main_top{
		padding: 30px 30px 109%;
	}
	
	#wrapper .main_top h1.heading {
    	width: 60%;
        height: 0;
		padding-bottom: 38.1%;
	}
	
	#wrapper .main_top .slider_container{
		display: none;
	}
	
	#wrapper .main_top .slider_container-mobile{
		display:block;
		width: 100%;
		height: 0;
		padding-bottom: 112.5%;
		margin-bottom: 30px;
		position: relative;
	}

	#wrapper .main_top .slider_container-mobile .pic { /* -- 圖片輪播部分 -- */
		width:100%;
		height: auto;

		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		filter: alpha(opacity=0);

		-webkit-animation: round 20s linear infinite;
				animation: round 20s linear infinite;
	}

	@-webkit-keyframes round { /* 100%/20s=5%/1s */
		5% {
			opacity: 1;
			filter: alpha(opacity=100);
			/* 0 - 1秒 淡入*/
		}
		25% {
			opacity: 1;
			filter: alpha(opacity=100);
			/* 1- 5秒靜止*/
		}
		30% {
			opacity: 0;
			filter: alpha(opacity=0);
			/* 5-6秒淡出*/
		}
	}
	@keyframes round {
		5% {
			opacity: 1;
			filter: alpha(opacity=100);
			/* 0 - 1秒 淡入*/
		}
		25% {
			opacity: 1;
			filter: alpha(opacity=100);
			/* 1- 5秒靜止*/
		}
		30% {
			opacity: 0;
			filter: alpha(opacity=0);
			/* 5-6秒淡出*/
		}
	}

	#wrapper .main_top .slider_container-mobile .pic:nth-child(1) {
		-webkit-animation-delay: 0s;
				animation-delay: 0s;
	}

	#wrapper .main_top .slider_container-mobile .pic:nth-child(2) {
		-webkit-animation-delay: 5s;
				animation-delay: 5s;
	}

	#wrapper .main_top .slider_container-mobile .pic:nth-child(3) {
		-webkit-animation-delay: 10s;
				animation-delay: 10s;
	}

	#wrapper .main_top .slider_container-mobile .pic:nth-child(4) {
		-webkit-animation-delay: 15s;
				animation-delay: 15s;
	}

	#wrapper .main_top .slider_container-mobile .pic img{
		width:100%;
		height:auto;
		border-radius: 20px;
	}
	
	#wrapper nav li {
		width: 20%;
		margin: 0 0.5%;
	}
	
	#wrapper .pass_area h2,
	#wrapper .map_area h2,
	#wrapper .spot_area h2{
		width: 45%;
		padding-bottom: 16.2%;
	}
	
	#wrapper .train_area h2 {
    	width: 45%;
		padding-bottom: 25.2%;
	}
	
	#wrapper .pass_area .pass_merit {
		width: 90%;
		padding-top: 60px;
	}
	
	#wrapper .pass_area .pass_merit h3 {
    	width: 60%;
    	height: 0;
		padding-bottom: 7.83%;
	}
	
	#wrapper .pass_list li {
    	display: inline-block;
    	vertical-align: top;
    	width: 45%;
		margin: 0 2% 30px;
	}
	
	#wrapper .pass_list a.goto_buy {
    	width: 60%;
	}
	
	#wrapper .ticket_remark {
		padding: 30px 0;
	}
	
	#wrapper .pass_scope h4 {
    	font-size: 30px;
		margin-bottom: 30px;
	}
	
	#wrapper .pass_outerring {
		width: 90%;
	}
	
	
	#wrapper .map_pic {
		width: 70%;
	}
	
	#wrapper .spot_box {
		width: 70%;
		height: auto;
		padding-bottom: 0;
	}
    
	#wrapper .spot_content{
		position: static;
		width: 100%;
		margin: 0 auto;
		border: none;
	}
	
	#wrapper .spot_pic{
		width: 100%;
		margin: 0 auto;
	}
	
	#wrapper .spot_pic img{
		border-radius: 0;
	}
	
	#wrapper .pic_right_side,
	#wrapper .pic_left_side{
		float: none;
	}
	
	#wrapper .train_list{
		text-align: center;
		width: 100%;
	}
	
	#wrapper .train_box {
		width: 45%;
		height: auto;
		padding: 10px;
		margin: 0 2% 30px;
	}
	
	#wrapper .train_box img {
		position: static;
		width: 100%;
	}
	
	#wrapper .train_symphony p {
		min-height: 105px;
	}
	
}

@media screen and (max-width: 550px){
	
	#wrapper .main_top {
		padding: 10px 10px 109%;
	}
	
	#wrapper .main_top h1.heading{
		top: 17vw;
		width: 70%;
		height: 0;
		padding-bottom: 44.45%;
	}
	
	#wrapper nav li {
		width: 23%;
		margin: 0 0.1%;
	}
	
	#wrapper .pass_area h2, 
	#wrapper .map_area h2, 
	#wrapper .spot_area h2 {
		width: 65%;
		padding-bottom: 23.4%;
	}
	
	#wrapper .pass_area p {
    	font-size: 16px;
		line-height: 24px;
	}
	
	#wrapper .pass_area .pass_merit{
		padding-top: 30px;
	}
	
	#wrapper .pass_area .pass_merit h3 {
		width: 92%;
		height: 0;
		padding-bottom: 10%;
	}
	
	#wrapper .pass_area .pass_merit .go_down{
		display: block;
		width: 7%;
		height: 0;
		padding-bottom: 7%;
		background: url("../images/arrow_down.png") no-repeat left top;
		background-size: 100%;
		position: absolute;
		bottom: -10px;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 10;

	}
   
	#wrapper .pass_list a.goto_buy {
		width: 80%;
		font-size: 24px;
		margin: 20px auto;
	}
	
	#wrapper .pass_list a.goto_buy span{
		letter-spacing: 1px;
	}
	
	#wrapper .pass_scope h4 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	
	#wrapper .pass_outerring {
		width: 97%;
	}

	#wrapper .pass_table .form_grid {
		height: 60px;
		font-size: 14px;
		line-height: 60px;
	}
	
	#wrapper .pass_table .form_long{
		line-height: 30px;
	}
	
	#wrapper .map_pic {
		width: 90%;
	}
	
	#wrapper .spot_box {
		width: 86%;
		margin-bottom: 30px;
	}
	
	#wrapper .train_area h2{
		width: 65%;
		padding-bottom: 36.4%;
	}
	
	#wrapper .train_box {
		display: block;
		width: 86%;
		margin: 0 auto 30px;
		padding: 15px;
	}
	
	footer .infor .company{
		width: 100%;
		padding: 0 10px;
	}
	
	footer .infor .company .item,footer .infor .company .name {
		height: auto;
	}
	
	footer .infor .name a{
		display: block;
		margin: 0 auto 5px;
		line-height: 30px;
	}
	
	footer .infor .company p {
		display: block;
		margin-bottom: 5px;
	}
	
	footer .infor .copyright {
		width: 100%;
		padding: 20px 20px 0;
	}
	
}