@media screen and (max-width: 1440px) {
	#hd {
		font-size: 15px;
	}
	#hd #template,
	#hd #video {
		padding: 80px 0;
	}
	/*--------top---------*/
		#hd #top {
		    padding: 155px 0;
		}
	#hd #video .right {
	    min-height: 300px;
	}	
}
@media screen and (max-width:1280px) {
	#hd #template,
	#hd #video {
		padding: 60px 0;
	}
	#hd h2{
		font-size: 2.4em;
	}
	/*--------top---------*/
		#hd #top {
		    padding: 100px 0;
		}
	/*--------template----*/
		#hd #template ul {
		    padding-top: 40px;
		}
	/*--------video-------*/
		#hd #video ul.tab_list {
		    padding-right: 15px;
		}
		#hd #video .row {
		    margin-top: 30px;
		}
}
@media screen and (max-width:1023px) {
	#hd {
		font-size: 14px;
	}
	#hd #template,
	#hd #video {
		padding: 50px 0;
	}
	/*--------top---------*/
		#hd #top {
		    padding: 50px 0;
		}
		#hd #top h2{
			font-size: 1.9em;
		}
	/*--------template----*/
		#hd #template ul {
		    padding-top: 20px;
		}
	/*--------video-------*/
		#hd #video .right {
		    padding: 15px;
		    min-height: 273px;
		}
		#hd #video ul.tab_list li {
		    margin-bottom: 11px ;
		    padding: 11px;
		}
		#hd #video ul.tab_list li h3{
			line-height: 1.6em;
		}
		#hd #video .row {
		    margin-top: 20px;
		}
}
@media screen and (max-width:768px) {
	#hd {
		font-size: 13px;
	}
	#hd #template,
	#hd #video {
		padding: 30px 0;
	}
	/*--------top---------*/
		#hd #top{
			background-image: none;
			padding: 50px 0 0;
		}
		#hd #top .mobile_pd{
			display: block;
			width: 100%;
		}
		#hd #top .text {
		    width: 100%;
		}
	/*--------video-------*/
		#hd #video .row {
		    margin-top: 0;
		}
		#hd #video ul.tab_list {
			width: 100%;
		    padding-right: 0;
		    text-align: center;
		}
		#hd #video ul.tab_list li{
			display: inline-block;
			width: 45%;
			margin: 6px 1%;
			padding: 10px 6px;
			vertical-align: top;
		}
		#hd #video .right{
			width: 100%;
			margin-top: 20px;
		}
}
@media screen and (max-width: 620px){
		#hd h2{
			font-size: 2.2em;
		}
	/*--------banner------*/
		#hd #banner .photo{
			width: 100%;
			padding-top: 50%;
			border-bottom: 1px solid #333;
		}
	/*--------template----*/
		#hd #template li {
		    width: 100%;
		    max-width: 350px;
		    margin: 15px auto;
		    float: none;
		}
		#hd #template li img{
			max-width: 180px !important;
			margin-bottom: 10px;
		}
		#hd #template ul {
		    padding-top: 0;
		}
	/*--------video-------*/
}
@media screen and (max-width:480px) {
	#hd {
		font-size: 12px;
	}
	#hd #template,
	#hd #video {
		padding: 25px 0;
	}
	/*--------top---------*/
		#hd #top{
			padding: 30px 0 0;
		}
	/*--------template----*/
		#hd #template li {
		    margin: 10px auto;
		}
}
@media screen and (max-width:400px) {
	#hd #video ul.tab_list li{
		width: 100%;
		margin: 3px 0;
		padding: 7px 6px;
	}
	#hd #video .right {
	    margin-top: 10px;
	    padding: 8px;
	}
}