/*wordworld start 20160923*/

.home .word-title .fa{
	float: right;
}
.home .word-title{
	border-bottom: 1px solid #f4f4f4;
	padding: 10px 0;
	padding-right: 5px;
	padding-left: 5px;
}
.home .word-content h3{
	font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";
	color: #222223;
	font-size: 24px;
	display: inline-block;
}
.home .word-content a{
	color: #222223;
	padding-top: 20px;
	display: block;
	font-size: 16px;
	font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.home .word-content a:hover{
	color: #00A0D1;
}
.home .word-content{
	margin-top: 60px;
}
.home .modal-header{
	border-bottom:none;
}
.home .modal-footer{
	border-top:none;
	margin: 35px 0;
	text-align: center;
}
.home .modal-dialog{
	margin-top: 0;
}
.home .modal-body{
	text-align: center;
	font-size: 20px;
	color: #222223;
	padding-top: 45px;
	font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;

}
.home .modal-dialog{
	max-width: 459px;
	max-height: 168px;
}
.home .btn-no{
	border: 1px solid #00b2e6;
	border-radius: 14px;
	width: 76px;
	height: 28px;
	background: #fff;
	color: #00b2e6;
	font-size: 14px;
	line-height: 22px;
	margin-right: 35px;
}
.home .btn-YES{
	border: 1px solid #00b2e6;
	border-radius: 14px;
	width: 76px;
	height: 28px;
	background: #00b2e6;
	color: #FFF;
	font-size: 14px;
	line-height: 22px;

}




#wordworld_modal_index{

}
#wordworld_modal_index .modal-dialog.index-dialog{
	max-width: 950px;
	max-height: 623px;
	width: 100%;
	margin-top: 50px;
}
#wordworld_modal_index .modal-dialog.index-dialog .modal-content{
	padding: 0 20px;
	padding-bottom: 50px;
}
#wordworld_modal_index .modal-header .close{
	font-size: 28px;
	margin-right: -20px;
}
#wordworld_modal_index .modal-title h4{
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	padding-top: 10px;
	font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
#wordworld_modal_index .index-dialog p{
	text-align: center;
	font-size: 14px;
	padding-top: 10px;
	font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
#wordworld_modal{
	padding-right: 0px;
}
.body-important{
	overflow: hidden !important;
}

.home #wordworld_modal .modal-dialog{margin-top:13%;}

@media only screen and (max-width: 1640px) {
	.home #wordworld_modal_index .word-content{
		margin-top: 20px;
	}
	.home #wordworld_modal_index .word-content a{
		padding-top: 10px;
	}
	.home #wordworld_modal_index .word-content a{
		font-size: 14px;
	}
}
@media only screen and (max-width: 767px) {
	#wordworld_modal_index .modal-dialog.index-dialog{
		margin-top: 70px;
	}

	.home #wordworld_modal .modal-dialog{margin-top:35%;}
}
#wordworld_modal_index .modal-dialog.index-dialog .modal-content {

	margin-right: 20px;
}

/*wordworld end 20160923*/

/*20161206 cikexingtiao*/
.responsivegrid{margin: 0;padding: 0;}
.mainbox{background: url("https://www.hihonor.com/global/wp-content/uploads/2016/12/161130_Honor_A_Creed_Sky.jpg") no-repeat;float:left; z-index:9; background-size: cover; width: 100%;height: 100%; min-height: 3800px; position: relative;}
.mainbox .top{width: 100%;position: absolute;top: 0;left: 0;}
.mainbox .text{ position: absolute; left: 0;top: 70px; width: 100%; height: 900px; color: #fff; text-align: center;font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif";}
.mainbox .text .text_00{ position: absolute; z-index:3; text-align:center;width:100%; top:30px; font-size: 16px;letter-spacing: 10px;}
.mainbox .text .text_01{ font-size: 48px;line-height: 48px;}
.mainbox .text .text_02{ font-size: 42px;line-height: 42px;}
.mainbox .text .text_03{ font-size: 58px;line-height: 58px;}
.mainbox .text .text_04{font-size: 40px;line-height: 40px;font-family: "Open Sans", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;}
.mainbox .text .logo{width: 550px; height: 200px;}
#bg_botm{width:80%;margin:0px auto;}
#bg_botm.botm-box{width:1000px;}
#bg_botm.botm-box .botm.c{width:60%;}
.jump_person img{width: 100%;text-align: center;}
.ifram {padding:1000px 0 0 0; display:none;}
.bg_color{ width: 100%;height: 617px;background: #3db3e7;}
.botm{width: 30%;float: left;}
.botm.l{padding-top:80px;}
.botm.c{padding-top:120px;width:40%;}
.botm img{width:100%;max-width:420px;}
.bg_textup {color: white;font-size: 32px;line-height: 48px;}
.bg_textdn {color: white;font-size: 30px;line-height: 30px;}
.line {
    width: 20%;
    border: 0;
    height: 3px;
    margin: 0 auto 3% auto;
    opacity: 0.8;
    background: #fff;
}

#ck_video_img{width: 1233px;height: 840px;margin-top: 40px;text-align: center;}
.ck_video{width: 100%;height: 850px;margin-top: 40px;margin: 0px auto; text-align:center;}
#videoB{margin-top:50px;min-height:500px;width:80%;max-width:1000px;}
.ck_video p {font-size: 48px;font-family: "bignoodletitlingregular", "STHeiti", "微软雅黑", "Microsoft JhengHei", "微軟正黑體", "sans-serif"; padding-top: 60px;text-align: center;}
#btn {min-width: 200px;height: 44px;border: 3px solid white;font-family: "bignoodletitlingregular";font-size: 28px;border-radius: 10px;    
    margin: 8% auto 0 auto;
    display: inline-block;padding:0 20px;
    line-height: 50px;text-decoration: none;color: white;text-align: center;}
.mainbox a.link{    color: #fff;
    font-size: 20px;
    margin: 50px 0 0 0;
    float: left;
    text-decoration: underline;}
.quizz-container {margin:1000px 0 100px 0;}
.jump_person{padding:0;}
.ifr{width:600px;margin:auto;}
@media only screen and (max-width:768px) {
    .mainbox .text .text_00{letter-spacing: 5px;}
	.ifram {width:100%;height:100%;min-width: 320px;min-height: 320px;}
	.ifram .ifram_tv{margin-top:500px;min-height: 600px;}
	.mainbox .text .logo{width: 200px; height: 100px;}
	.mainbox .text{top:0; height:500px;}
	.line{width: 30%;}
	.mainbox .text .logo{margin-top:20px;}
	.mainbox .text .text_00{top:10px;font-size:12px;}
	.mainbox .text .text_01{font-size:20px;line-height:20px;}
	.mainbox .text .text_02{font-size:20px;line-height:20px;}
	.mainbox .text .text_03{font-size:24px;line-height:24px;}
	.mainbox .text .text_04{font-size:20px;line-height:20px;}
	.bg_textup{font-size:24px; line-height:30px;padding-top:20px;}
	.bg_textdn{font-size:24px;}
	.botm,.botm.c,.botm.l,#bg_botm.botm-box .botm.c{width:100%;padding-top:0;}
	.bg_color{height:auto;}
	.ck_video{height:400px;}
	.ck_video p{font-size:30px;line-height: 30px;}
	.mainbox{min-height:2400px;}
	#videoB{width:100%;margin-top:0;}
	#btn{margin-top:0;}
	.jump_person{padding:350px 0 0 0;}
	.quizz-container {margin:0; position: relative;z-index:999;top:450px;}
	.ifr{width:100%;margin:auto;}
	#bg_botm.botm-box{width:100%;}
}


/*cikexintiao-end*/

