/*@import url(vendors/sanitize.css);*/
@charset "UTF-8";
html, body{
	height: 100%;
	scroll-behavior: smooth;
	/*background-color: rgb(37,37,45);
	color: #b7b7b7;*/
}



.topimg img{
	  position: absolute ;
    top: 0 ;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    max-width: 1000px;
    height: auto;
		animation-name:fadeInAnime;
    animation-duration:3s;
    animation-fill-mode:forwards;
    opacity:0;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.navbar{
	background-color: #fff!important;
	border: none!important;
}
.active >a{
	background-color: rgb(0, 110, 190)!important;
}
.navbar-nav>li>a:hover{
	color: rgb(255,60,0)!important;
}
.nav{
	letter-spacing: 0.18em;
}
.open>a{
	background-color: rgb(0, 110, 190)!important;
}
.news p{
	font-size: 120%;
}
.dropdown-menu{
	border: none!important;
}
.navbar-toggle{
	background-color: rgb(120, 120, 120) !important;
}
.navbar-collapse{
	border-color: rgb(230, 230, 230) !important;
}
.btn-danger{
	background-color: rgb(255,60,0);
	border-color: rgb(255,60,0);
}
.btn-info{
	background-color: rgb(60, 140, 200);
	border-color: rgb(60, 140, 200);
}
.box_form p{
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	padding-top: 30px !important;
}
.contact_address{
	font-size: 24px;
	font-weight: bolder;
	text-align: center;
	background-color: rgb(0, 110, 190);
	padding: 50px;
	color: #ffffff;
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.pdb70 {
    padding-bottom: 15px !important;
	}
.index_photo video{
	width: 100%  ;
	height:100% ;
	text-align: center;
}

.livelive{
	margin-bottom: 1% !important;
}
.livelive p{
	margin-bottom: 0px !important;
}





body > .container{
     width: 100%;
     max-width: 100%;
     position: relative;
     min-height: 100%;
     text-align: left;
}
header h1{
	margin-left: 20px;
	margin-bottom: 0px;
}

.news span{
	margin-right: 5px;
}

.small{
	font-size: smaller;
}
.mgt30{
	margin-top: 30px;
	font-size: 150%;
}
.pdb70{
	padding-bottom: 70px;
}

.col-sm-4{
	text-align: center;
}
.col-sm-4 p{
	text-align: left;
}
.box_thumb{
	max-width: 300px;
	margin: 0 auto;
}
.box_thumb p{
	text-align: left;
}
.thumb{
	position: relative;
}
.thumb img{
	width: 100%;
	max-width: 300px;
	height: auto;
	margin-bottom: 10px;
}
.btn_play{
	background-color:#fff;
	padding: 0;
	margin: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	opacity:0.6;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.btn_triangle{
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left: 16px solid #000;
	opacity:0.7;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: 50%;
	margin-left: -5px;
}
.icon_new{
	text-align: left;
}
.icon_new span{
	background-color: #ff3030;
	color: #fff;
	font-size: 11px;
	padding: 2px 10px;
}
.bold{
	font-weight: bold;
}
.box_photo{
	width: 100%;
	margin: 0 auto;
}
.photo{
	text-align: center;
}
.photo img{
	width: 100%;
	max-width: 217px;
	height: auto;
}
.photo a:hover{
	opacity: 0.8;
}
.box_photo p{
	max-width: 217px;
	margin: 10px auto;
}

.box_left_profile{
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 0 10px;
}
.box_left_profile p{
	margin: 0 auto;
	max-width: 300px;
}
.photo_profile{
	text-align: center;
}
.photo_profile img{
	margin-bottom: 20px;
}
.box_left_profile .name{
	margin-bottom: 20px;
}

.box_right_profile{
	margin-top: 30px;
	padding: 0 10px;
	box-sizing: border-box;
}
.box_right_profile h3{
	font-size: 20px;
	border-bottom: 3px solid #0087D2;
	border-image: linear-gradient(to right, #0087D2 0%,#ff1919 100%);
	border-image-slice: 1;
}
.box_right_profile h3{
	margin-top: 0;
}
.box_right_profile ul{
	margin-bottom: 30px;
	padding-left: 10px;
	list-style: none;
}
.box_right_profile ul li{
	margin-bottom: 8px;
}
.box_right_profile .list_inner{
	font-weight: normal;
	margin-bottom: 0;
}

.ggmap {
	clear: both;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.box_btn {
	margin-bottom: 20px;
	width: 100%;
}
.box_btn a{
	margin-right: 10px;
	margin-bottom: 10px;
}

.box_form{
	margin: 0 auto;
	max-width: 940px;
}
.box_form p{
	padding: 10px;
}
.box_form input[type=checkbox], input[type=radio]{
	margin: 0 !important
}


/* news T郢ｧ ｷ郢晢ｽ｣郢晢ｿｽ ｲ ｩ陞｢ ｲ */
.tshirts_img img{
	width: 300px;
}


/* 992px闔会ｽ･闕ｳ ｽ ------------------------------- */
@media (min-width: 992px){
	header, main, nav{
		width: 980px;
		margin: 0 auto;
		position: relative;
	}

	/* header */
	.small_navi{
		float: right;
		position: absolute;
		right: 20px;
		bottom: 5px;
	}
	.small_navi ul li{
		list-style: none;
		display: block;
		float: left;
		margin-right: 10px;
	}
	.small_navi ul li:last-child{
		margin-right: 0;
	}
	.small_navi a{
		font-size: 12px;
		color: #333;
	}
	.small_navi span{
	}

	/* headline */
	h2{
		margin-top: 30px;
		padding: 4px 10px;
		font-size: 26px;
		line-height: 34px;
		font-weight: bold;
		border-left: 6px solid #4194FF;
		border-image: linear-gradient(to bottom, #ff1919 0%,#4194FF 100%);
		border-image-slice: 1;
		/*border-image: linear-gradient(to bottom, #0087D2 0%, #ff0000 100%);*/
	}

	/* main */
	main{
		padding: 0 20px 70px 20px;
	}
	.kv{
		text-align: center;
		margin: 0 auto;
	}
	.kv img{
		width: 100%;
		max-width: 940px;
		height: auto;
	}
	.news{
		margin: 0 auto;
	}
	#parker{
		width: 100%;
		max-width: 598px;
		height: auto;
	}
	.list_news{
	 	list-style: none;
	 }
	.list_sitemap1{
		list-style: none;
		margin-bottom: 20px;
	}
	.list_sitemap2{
		list-style: none;
	}

	.box_form input[type=checkbox], input[type=radio]{
		margin: 0 !important
	}





	.index_photo {
		width: 100% ;
		height:100% ;
	}
	.index_photo{
		text-align: center;
	}
}



/* 768px闔会ｽ･闕ｳ讓ｫ991px闔会ｽ･闕ｳ ｽ ------------------------------- */
@media (max-width: 991px){
	header, main, nav{
		width: 100%;
		margin: 0 auto;
		position: relative;
	}

	/* header */
	.small_navi{
		float: right;
		position: absolute;
		right: 20px;
		bottom: 5px;
	}
	.small_navi ul li{
		list-style: none;
		display: block;
		float: left;
		margin-right: 10px;
	}
	.small_navi ul li:last-child{
		margin-right: 0;
	}
	.small_navi a{
		font-size: 12px;
		color: #333;
	}
	.small_navi span{
	}

	/* headline */
	h2{
		margin-top: 30px;
		padding: 4px 10px;
		font-size: 26px;
		line-height: 34px;
		font-weight: bold;
		/*border-left: 6px solid;*/
		border-left: 6px solid #0087D2;
		border-image: linear-gradient(to bottom, #ff1919 0%,#0087D2 100%);
		border-image-slice: 1;
	}

	/* main */
	main{
		padding: 0 20px 70px 20px;
	}
	.kv{
		text-align: center;
	}
	.kv img{
		width: 100%;
		max-width: 940px;
		height: auto;
	}
	.news{
		margin: 0 auto;
	}
	#parker{
		width: 100%;
		max-width: 598px;
		height: auto;
	}
	.list_news{
	 	list-style: none;
	 }
	.list_sitemap1{
		list-style: none;
		margin-bottom: 20px;
	}
	.list_sitemap2{
		list-style: none;
	}

	.box_right_profile{
		padding: 0 20px;
	}





	.index_photo img{
		width: 70% ;
		height:70% ;
	}
	.index_photo{
		text-align: center;
	}
}



/* 767px闔会ｽ･闕ｳ ｽ ------------------------------- */
@media (max-width: 767px){
	header, main, nav{
		width: 100%;
		margin: 0;
		position: relative;
	}

	.container{
		margin: 0 !important;
		padding: 0 !important;
	}

	/* header */
  	h1{
		margin-top: 10px !important;
		margin-left: 10px !important;
		margin-bottom: 0px !important;
	}
	.navbar{
		text-align: center;
	}
	.dropdown-menu{
		text-align: center !important;
	}
	.small_navi{
		float: right;
		position: absolute;
		right: 5px;
		bottom: 5px;
	}
	.small_navi ul li{
		list-style: none;
		display: block;
		float: left;
		margin-right: 10px;
	}
	.small_navi ul li:last-child{
		margin-right: 0;
	}
	.small_navi a{
		font-size: 12px;
		color: #333;
	}
	.small_navi span{
	}

	/* headline */
	h2{
		margin-top: 30px;
		padding: 4px 10px;
		font-size: 26px;
		line-height: 34px;
		font-weight: bold;
		border-left: 6px solid #0087D2;
	}

	/* main */
	main{
		padding: 0 10px 70px 10px;
	}

	.kv{
		text-align: center;
	}
	.kv img{
		width: 100%;
		max-width: 940px;
		height: auto;
	}
	.news{
		margin: 0 auto;
	}
	#parker{
		width: 100%;
		max-width: 598px;
		height: auto;
	}
	.list_news{
	 	list-style: none;
	 }
	.list_sitemap1{
		list-style: none;
	}
	.list_sitemap2{
		list-style: none;
	}

	.table th{
	min-width: 100px;
	}

	.box_right_profile{
		padding: 0 10px;
	}

	.box_btn{
		text-align: center;
	}





	.index_photo img{
		width: 80% ;
		height:80% ;
	}
	.index_photo{
		text-align: center;
	}
}



/* 320px闔会ｽ･闕ｳ ｽ ------------------------------- */
@media (max-width: 320px){
	.small_navi{
		display: none;
	}
	.box_right_profile{
		padding: 0 10px;
	}



	.index_photo img{
		width: 80% ;
		height:80% ;
	}
	.index_photo{
		text-align: center;
	}
}




 /* footer */
footer{
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #222;
	width: 100%;
	height: 50px;
	text-align: center;
}
footer .copyright{
	line-height: 50px;
	color: #9d9d9d;
}