@import url("fonts/fonts.css");
body{
	background:url(images/page_01_video.jpg) top center; background-size:100%;
	margin:0;
	padding:0;	
	font-family:'sf_cartoonist_handbold', Tahoma, Geneva, sans-serif;
	 -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.page_bg_01{background:#00aadb url(images/page_number.jpg) no-repeat top center; background-size:100%;}
.concept_video{background:url(images/page_01_video.jpg) top center; background-size:100%;}

.index_page{background:url(images/page_number.jpg) top center; background-size:100%;}


.logo {
    position: fixed;
    float: right;
    top: 10px;
    right: 20px;
}

.title_bg {
    border-radius: 5px;
    margin-top: -34px;
    color: #D1074F;
}

h1.title, .title{
	font-size:42px;
	font-weight:normal;
	text-align:center;
	color:#fff;
	text-shadow:3px 1px 2px #000;
	padding:5px 0px;
	text-outline: 2px 2px #ff0000;
}

.activity_title{
	width:550px;
}


img.object_img {
	width:75% ;
}

.video_box{margin-top:54px;}
.video_box_no {
	  width: 1041px;
	  height: auto;
	  margin: 0 auto;
	  margin-top: -27px;
	}

img.object_img1 {
	width:150px ;
	position:relative;
	height:120px;
}

.all_btn {width:110px; height:125px;padding: 0px;position: absolute;left:20px;top:240px;z-index: 500;}
.all_btn ul, .all_btn1 ul{margin:0;padding:0; margin-top:10px;}
.all_btn ul li, .all_btn1 ul li{padding:9px 0 0 0; height:100px;  list-style:none;}
.all_btn ul li img{width:110px;margin-bottom:0px; }
.all_btn1 ul li img{width:110px;margin-bottom:0px; }
.all_btn ul li .img1{padding-top:10px;}

.all_btn1 {width:110px; height:125px; padding:0px;position: absolute;right:20px;top:240px;z-index: 500;}


 .book_name{/* background:#1a037c; border:2px solid #fff; color:#fff; font-size:22px; text-align:left; padding:10px 8px;*/ 
	width:230px; height:100px; background:url(images/book_name1.png) no-repeat 0px 5px; background-size:100%;
position:absolute; left:-11px; top:-14px;}

.star_list{position: absolute; top:54px;left: 170px; z-index:999;}
.star_list ul{margin:0;padding:0;}
.star_list ul li{float:left; list-style:none;margin-left: 20px;color:#000;}
.star_list ul li a{ width:80px; height:70px;float:left; text-decoration:none; color:#000;}


.star_list ul li.bg{background:url(images/star.png) no-repeat; background-size:100%;width:80px; height:60px; float:left; text-decoration:none; font-size:35px; text-align:center; padding-top:60px;}
.star_list ul li.bg:hover{background:url(images/star.png) no-repeat; background-size:100%;width:80px; height:60px; float:left; text-decoration:none; }
.star_list ul li.bgactive{background:url(images/star_active.png) no-repeat; background-size:100%;width:80px; height:60px; float:left; text-decoration:none; font-size:35px; text-align:center; padding-top:60px;}

.star_list ul li.bg0{background:url(images/star.png) no-repeat 0px -20px; background-size:100%; width:80px; height:120px; font-size:35px; text-align:center;padding-top:40px;height:70px;}
.star_list ul li.bg0:hover{background:url(images/star.png) no-repeat 0px -20px; background-size:100%; width:80px; height:70px;}
.star_list ul li.bg0active{background:url(images/star_active.png) no-repeat 0px -20px; background-size:100%; width:80px; height:120px; font-size:35px; text-align:center;padding-top:40px;height:70px;}


.star_list ul li.bg1{background:url(images/star.png) no-repeat; background-size:100%;width:80px; height:60px; float:left; text-decoration:none; font-size:35px; text-align:center; padding-top:60px;}
.star_list ul li.bg1:hover{background:url(images/star_hover.png) no-repeat; background-size:100%;width:80px; height:60px; float:left; text-decoration:none; }


.star_list ul li.bg2{background:url(images/star.png) no-repeat 0px -20px; background-size:100%; width:80px; height:120px; font-size:35px; text-align:center;padding-top:40px;height:70px;}
.star_list ul li.bg2:hover{background:url(images/star_hover.png) no-repeat 0px -20px; background-size:100%; width:80px; height:70px;}

.star_list ul li.bg1active{background:url(images/star_active.png) no-repeat; background-size:100%; float:left; text-decoration:none; font-size:35px; text-align:center; padding-top:60px;}
.star_list ul li.bg1active:hover{background:url(images/star_active.png) no-repeat; background-size:100%; float:left; text-decoration:none; }

.star_list ul li.bg2active{background:url(images/star_active.png) no-repeat 0px -20px; background-size:100%; width:80px; height:120px; font-size:35px; text-align:center;padding-top:40px;}
.star_list ul li.bg2active:hover{background:url(images/star_active.png) no-repeat 0px -20px; background-size:100%; width:80px; height:120px;}






@media (max-width: 400px){
	.all_btn{left:98px !important;}
	.all_btn ul li .img{width:40px;} 
}


@media (max-width: 1024px) and (min-width: 768px){
	body{overflow:hidden; background:url(images/page_01_tab.png) no-repeat top center;}
	.concept_video{overflow:hidden; background:url(images/concept_video_bg.png) no-repeat top center;}
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width:875px !important;}
	
	
	.main_row{margin-top:150px;}	
	
	.video_box_no {
		width: 880px !important;
		margin: 0px auto;
		margin-top: 75px !important;
	}
	.logo {float: right;top: 5px; right: 5px;}
	.book_name {left: -22px; top: -18px;}
	
	.all_btn{left:0px !important;}
	.all_btn1{right:0px !important;}
	.all_btn, .all_btn1{top:290px;  width:75px;}
	.all_btn ul li, .all_btn1 ul li{height:70px;}
	.all_btn img, .all_btn1 img{width:75px !important; height:auto;}
	
	.star_list {top: 57px; left: 75px;}
	.star_list ul li.bg{width:65px;padding-top: 51px;font-size:25px;}
	.star_list ul li.bg0{width: 65px;padding-top: 31px;font-size: 25px;}
	.star_list ul li.bgactive{width: 65px;padding-top:51px;font-size: 25px;}
	.star_list ul li.bg0active{width: 65px;padding-top:31px;font-size: 25px;}
	.star_list ul li.bg:hover, .star_list ul li.bg0:hover, .star_list ul li.bgactive:hover{width: 65px;}
	

	.star_list ul li.bg1{width: 65px;padding-top:51px;font-size:25px;}
	.star_list ul li.bg2 {width: 65px;padding-top: 31px;font-size:25px;}
	.star_list ul li.bg1active{width:65px;padding-top: 51px;font-size:25px;}
	.star_list ul li.bg2active {width:65px;padding-top: 31px;font-size:25px;}
	.star_list ul li a{margin-left: -7px;}
	
	.star_list ul li.bg1active:hover, .star_list ul li.bg2active:hover, .star_list ul li.bg2:hover, .star_list ul li.bg1:hover{width:65px;}
	
}

@media (min-width: 1900px) and (max-width:1920px){
body{
	background:url(images/page_01_video.jpg) top center; background-size:105%;
}

.concept_video{background:url(images/page_01_video.jpg) top center; background-size:105%;}	
.title_bg{margin-top: -34px;}

h1.title, .title {font-size:55px;}

.subtitle {font-size: 350%;margin-top: 10px;}

.book_name {width: 335px; height:120px;left: -15px;top: -19px;}
.container{width:1535px !important; }

.main_row { margin-top: 150px;}

.all_btn, .all_btn1 {top: 430px;}
.all_btn {left: 2%;}
.all_btn1 {right: 2%;}

.all_btn ul li .img{width:120px !important; margin-bottom:4px;}

.video_box_no {width:1537px; margin: -34px auto 0px;}

.star_list {top: 80px; left: 195px;}
.star_list ul li {margin-left: 47px;}
.star_list ul li.bgactive, .star_list ul li.bg, .star_list ul li.bg:hover{
    width: 100px;
    height: 90px;
    font-size: 50px;
    padding-top: 70px;
}

.star_list ul li.bg0active, .star_list ul li.bg0, .star_list ul li.bg0:hover{
    width: 100px;
    font-size:50px;
    padding-top: 50px;
    height: 90px;
}

.star_list ul li a{width: 100px;font-size:50px; padding-top:25px;height: 90px;}
	.star_list ul li.bg1, .star_list ul li.bg1:hover, .star_list ul li.bg1active, .star_list ul li.bg1active:hover{	width: 100px;font-size: 35px; padding-top: 45px;height: 106px;}
	.star_list ul li.bg2, .star_list ul li.bg2:hover, .star_list ul li.bg2active, .star_list ul li.bg2active:hover {width: 100px;font-size: 35px; padding-top: 25px;height: 103px;}
}


@media (min-width: 1367px){
	
	
	
}