.content_1			{position: relative; width:100%;  max-height: 555px;  z-index: 2}
.content_1_0_1		{position: absolute; width:100%;  height: 100%;  z-index: 2}
.content_1_0_2		{display: none; position: absolute; width:100%;  height: 100%;  z-index: 2}
.content_1_0_3		{display: none; position: absolute; width:100%;  height: 100%;  z-index: 2}
.content_1_0_grid	{position: absolute; width:100%;  height: 100%;  z-index: 3;  background: url(../_all/top_grid.png)}

.main_8_1		{position: relative; width: 100%; height: 343px; z-index: 5}

.main_8_1_2_0	{position: absolute; max-width: 993px; min-width:334px; min-height: 110px; left: 55px; right:55px; bottom: 112px; z-index: 5}

.main_8_1_2		{position: relative; float: left; width: 132px; height: 15px; padding: 10px 10px 10px 10px; z-index: 5; margin-top: 10px; background: #3490f3}
.main_8_1_2s	{display: none; position: absolute; width: 100%; height: 14px; padding-top: 1px; top: 0px; left: 0px; top: -15px; z-index: 5; text-align: center; background: #64a9f3}

.main_8_1_3		{position: relative; float: left; min-width: 35px; height: 15px; padding: 10px 10px 10px 10px; margin-left: 9px; margin-top: 10px;  z-index: 5; background: #ffd600}
.main_8_1_6		{position: relative; float: left; min-width: 35px; height: 15px; padding: 10px 10px 10px 10px; margin-left: 9px; margin-top: 10px;  z-index: 5; background: #f5f5f6}
.main_8_1_4		{position: relative; float: left; width: calc(100%); height: 5px; z-index: 5}
.main_8_1_5		{position: relative; float: left; min-width: 52px; min-height: 54px; margin-left: 15px; box-shadow: -15px 0px 0px rgba(10,12,20, 0.8)}

.main_8_1_10_1	{display: none; position: relative; float: left; width: 25px; height: 22px; padding: 18px 10px 10px 10px; margin-left: 9px; margin-top: -5px;  z-index: 5; text-align: center; background: #f5f5f6}
.main_8_1_10_1s	{position: absolute; width: 100%; height: 14px; padding-top: 1px; top: 0px; left: 0px; z-index: 5; text-align: center; background: #ffd600}

h1				{	display:inline; background: rgba(10,12,20, 0.8); padding: 4px 15px 4px 0px; font:normal 40px  'Arimo', Arial, sans-serif, Serif; color:#ffffff; line-height: 54px; font-weight: 400	}


.article_1				{clear: both; position: relative; float: left; width:100%;  margin-top: -110px;  margin-bottom:47px; z-index: 2}
.article_1_1			{position: relative; max-width: 1600px; min-height: 400px; margin-left:auto; margin-right: auto; margin-top: 25px; z-index: 4; background: #ffffff}

.article_1_1_1			{position: relative; float: left; width: 879px; z-index: 3 }

.article_1_1_1_bg		{position: absolute; left: -5px; width: 5px; height: calc(100% + 120px); z-index: 3; background: url(../_article/bg_left.png); background-repeat: repeat-y;}
.article_1_1_1_1		{position: relative; float: left; width: calc(100% - 110px); margin-left: 55px; margin-top: 55px; z-index: 3; text-align: justify}
.article_1_1_1_2		{position: relative; float: left; width: calc(100% - 110px); margin-left: 55px; margin-top: 55px; z-index: 3; text-align: justify}
.article_1_1_1_3		{position: relative; float: left; width: calc(100% - 110px); min-height: 20px; margin-left: 55px; margin-top: 35px; z-index: 3; text-align: justify}

.article_1_1_1_3_1		{position: relative; float: left; min-width: 100px; height: 15px; padding: 10px 10px 10px 10px; margin-right: 9px; margin-top: 10px; z-index: 5; background: #6d6d6d}
.article_1_1_1_3_2		{position: relative; float: left; min-width: 100px; height: 15px; padding: 10px 10px 10px 10px; margin-right: 9px; margin-top: 10px; z-index: 5; background: #ffd600}
.article_1_1_1_3_3		{position: relative; float: left; min-width: 85px; height: 15px; padding: 10px 10px 10px 10px; margin-right: 9px; margin-top: 10px; z-index: 5; background: #f5f5f6}

.article_1_1_1_4		{position: relative; float: left; width: calc(100% - 110px); height: 300px; margin-left: 55px; margin-top: 55px; z-index: 3; text-align: justify}


.article_1_1_2			{position: relative; float: right; width: calc(100% - 879px); z-index: 3; background: #f5f5f6}

.article_1_1_2_bg		{position: absolute; right: -5px;  width: 5px; height: 100%; z-index: 3; background: url(../_article/bg_right.png); background-repeat: repeat-y;}
.article_1_1_2_1		{position: relative; float: right; width: 100%; height:auto; z-index: 4; opacity: 0.001}
.article_1_1_2_1_desc	{position: absolute; height:11px; right: 0px; bottom: 0px; z-index: 5; padding: 5px 8px 5px 8px; background: rgba(0,0,0,0.8)}


.social					{position: relative;  float: left; width: 90%; height: 50px; margin-top: 2px; margin-left: 5px;  z-index: 5;}

.article_1_1_2_2		{position: relative; float: right; width: calc(100% - 1px); height: 72px; margin-top: 1px; z-index: 4; background: #f5f5f6; opacity: 0.001}
.article_1_1_2_2_1		{position: relative; float: left; width: 50%; height: 72px; z-index: 4}
.article_1_1_2_2_1_1	{position: relative; float: left; width: 72px; height: 72px; z-index: 4; background: #ffffff url(../_article/prev_bt.png);}
.article_1_1_2_2_1_1e	{position: relative; float: left; width: 72px; height: 72px; z-index: 4; background: #ffffff}
.article_1_1_2_2_1_2	{position: relative; float: left; width: calc(100% - 92px); min-height: 58px; padding-top: 14px; padding-right:20px; z-index: 4; background: #ffffff}
.article_1_1_2_2_2		{position: relative; float: right; width: calc(50% - 1px); height: 72px; z-index: 4}
.article_1_1_2_2_2_1	{position: relative; float: right; width: 72px; height: 72px; z-index: 4; background: #ffffff url(../_article/next_bt.png);}
.article_1_1_2_2_2_1e	{position: relative; float: right; width: 72px; height: 72px; z-index: 4; background: #ffffff }
.article_1_1_2_2_2_2	{position: relative; float: right; width: calc(100% - 92px); min-height: 58px; padding-top: 14px; padding-left:20px;  z-index: 4; background: #ffffff}

.right_photo			{width: 100%; height: auto; max-height: 320px}
.article_photo			{width: 100%; height: auto;}
.video_player			{position:relative;	padding-bottom:52.29%;	padding-top:30px;	height:0;	overflow:hidden; margin-top: 30px; margin-bottom: 30px;}
.video_player iframe, .video_player object, .video_player embed {	position:absolute;	top:0;	left:0;	width:100%;	height:100%;	}

.photo_gallery_01	  {overflow: hidden; position: relative; float:left; width: 100%; height:1px;  margin-top:20px; margin-bottom:20px; }
.photo_gallery_02	  {overflow: hidden; position: relative; float:left; width: calc(20% - 2px); margin: 1px 1px 1px 1px; background: #eeeeee}
.photo_gallery_03	  {display: none; position: relative; float:left; width: 100%; height: 45px; margin-bottom:20px;  background: url(../_article/photo_more.png) top center; cursor: pointer}


.article2article_1 	{	overflow: hidden; position: relative; float:left; width: 220px; margin: 5px 20px 5px 0px; padding: 15px 15px 15px 15px; background:#6d6d6d }
.article2article_2  {	overflow: hidden; position: relative; float:left; width: 100%; height: 1px; background: #757575}
.article2article_3  {	overflow: hidden; position: relative; float:left; width: 200px; margin-left:10px; margin-top: 7px; margin-bottom: 7px; text-align: left}
.article2article_4  {	overflow: hidden; position: relative; float:left; width: 5px; height: 5px; margin-top:7px; background: #ffffff}
.article2article_5  {	overflow: hidden; position: relative; float:left; width: 185px; margin-left: 8px; text-align: left}


.article_related_1		{position: relative; float: left; width: calc(100% - 20px); height:31px; padding-top: 11px; padding-left: 20px; margin-bottom: 40px; z-index: 4; background: url(../_sub_7/bg_1.png); background-position: left; background-repeat: repeat-x}
.article_related_2		{position: relative; float: left; width: 100%; height: 218px; z-index: 4}
.article_related_2_1	{position: relative; float: left; width: 51px; height: 218px; z-index: 5; background: url(../_article/related_arrow_left.png); cursor: pointer;}
.article_related_2_1a	{display: none; position: relative; float: left; width: 51px; height: 218px; z-index: 5; background: url(../_article/related_arrow_left_a.png); cursor: auto}
.article_related_2_2	{overflow: hidden; position: relative; float: left; width: calc(100% - 102px); height: 218px; z-index: 5}

.article_related_2_2_1		{position: absolute; max-width: 15000px; height: 218px; left: 0px; z-index: 4}

.article_related_2_3	{position: relative; float: right; width: 51px; height: 218px; z-index: 5; background: url(../_article/related_arrow_right.png);  cursor: pointer;}
.article_related_2_3a	{display: none; position: relative; float: right; width: 51px; height: 218px; z-index: 5; background: url(../_article/related_arrow_right_a.png); cursor: auto}

.sub_1_2_1_1_2_1		{position: relative; float: left; width: 303px; height:218px; z-index: 4}
.sub_1_2_1_1_2_1_1		{overflow: hidden; position: relative; float: right; width: calc(100% - 11px); height:145px; margin-top: 2px; z-index: 4}
.sub_1_2_1_1_2_1_2		{position: relative; float: right; width: calc(100% - 31px); height:30px; padding: 8px 10px 5px 10px; z-index: 4}
.sub_1_2_1_1_2_1_3		{position: absolute; height:22px; right: 0px; padding-left: 9px; padding-right: 4px; background: #ffffff; text-align: right; z-index: 10}
.sub_1_2_1_1_2_1_photo 		{width: 100%; height: 145px}
.sub_1_2_1_1_2_1_photo_big 	{display:none; max-width: 100%; height: auto}

/*book*/

.book_1_1_1		{position: relative; float: left; width: calc(100% - 110px); margin-left: 55px; margin-top: 48px; z-index: 3}

.book_1_1_1_1		{overflow: hidden; position: relative; float: left; width: 174px; height: 252px; margin-left: 1px; margin-top: 1px; z-index: 3}
.book_1_1_1_2		{position: relative; float: left; width: calc(100% - 260px); min-height: 20px; margin-left: 42px;  margin-top: -9px; z-index: 3; text-align: justify}

.book_1_1_1_2_1		{position: relative; float: left; min-width: 100px; min-height: 15px; padding: 10px 10px 10px 10px; margin-top: 10px; margin-right: 9px; z-index: 5; background: #6d6d6d}
.book_1_1_1_2_2		{position: relative; float: left; min-width: 100px; min-height: 15px; padding: 10px 10px 10px 10px; margin-top: 10px; margin-right: 9px; z-index: 5; background: #ffd600}
.book_1_1_1_2_3		{position: relative; float: left; min-width: 100px; min-height: 15px; padding: 10px 10px 10px 10px; margin-top: 10px; z-index: 5; background: #f5f5f6}

.book_poster		{width: 174px; height: auto}


.quiz_send_bt_1		{position: relative; width: 238px; height: 38px; padding-top: 11px; padding-left: 20px; margin-top: 50px; margin-right: auto; margin-left: auto;  z-index: 5; background: #ba141a url(../_quiz/send.png); cursor: pointer;}
.quiz_send_bt_2		{position: relative; width: calc(100% - 20px); minheight: 38px;  padding: 11px 20px 13px 20px; margin-top: 50px; margin-right: auto; margin-left: auto;  z-index: 5; background: #ba141a; text-align: center}


.box_office_1		{position: relative; float: left; width: 100%;  z-index: 6}
.box_office_1_1		{position: relative; float: left; width: 100%; height: 84px;  z-index: 6; background: #f5f5f6}
.box_office_1_1_1	{position: relative; float: left; width: 58px; height: 84px;  z-index: 6; background: url(../_box_office/left.png); cursor: pointer}
.box_office_1_1_2	{position: relative; float: left; width: calc(100% - 116px); height: 84px;  z-index: 6}
.box_office_1_1_2_1	{position: relative; float: left; width: calc(50% - 31px); height: 53px; padding-top: 33px;  z-index: 6; text-align: right}
.box_office_1_1_2_2	{position: relative; float: left; width: 62px; height: 58px; padding-top: 28px;  z-index: 6}
.box_office_1_1_2_3	{position: relative; float: left; width: calc(50% - 31px); height: 52px; padding-top: 34px;  z-index: 6; text-align: left}

.box_office_1_1_3	{position: relative; float: right; width: 58px; height: 84px;  z-index: 6; background: url(../_box_office/right.png); cursor: pointer}

.box_office_1_1_1_empty	{position: relative; float: left; width: 58px; height: 84px;  z-index: 6}
.box_office_1_1_3_empty	{position: relative; float: right; width: 58px; height: 84px;  z-index: 6}

.box_office_1_2		{position: relative; float: left; width: calc(100% - 12px); margin-left: 6px; margin-bottom: 15px; z-index: 6}
.box_office_1_2_1	{position: relative; float: left; width: 100%; height: 16px; z-index: 6}
.box_office_1_2_1_1	{position: relative; float: left; width: 55px; height: 16px; z-index: 6}
.box_office_1_2_1_2	{position: relative; float: left; width: calc(100% - 438px); height: 16px; z-index: 6}
.box_office_1_2_1_3	{position: relative; float: right; width: 89px; height: 16px; z-index: 6; text-align: center;}
.box_office_1_2_1_4	{position: relative; float: right; width: 51px; height: 16px; z-index: 6; text-align: center;}
.box_office_1_2_1_5	{position: relative; float: right; width: 89px; height: 16px; z-index: 6; text-align: center;}
.box_office_1_2_1_6	{position: relative; float: right; width: 51px; height: 16px; z-index: 6; text-align: center;}
.box_office_1_2_1_7	{position: relative; float: right; width: 103px; height: 16px; z-index: 6; text-align: center;}

.box_office_1_2_2	{position: relative; float: left; width: 100%; height: 79px; padding-top: 1px; z-index: 6; background: url(../_box_office/record_bg.png); cursor: pointer}
.box_office_1_2_2_1	{position: relative; float: left; width: 55px; height: 80px; z-index: 6}
.box_office_1_2_2_2	{position: relative; float: left; width: calc(100% - 460px); height: 71px; padding: 9px 10px 0px 10px; z-index: 6}
.box_office_1_2_2_3	{position: relative; float: right; width: 91px; height: 71px; padding-top: 9px; z-index: 6; text-align: center; background: #f2f2f3}
.box_office_1_2_2_3_1	{position:absolute; width: 100%; height: 30px; bottom:0px; z-index: 6}

.box_office_1_2_2_3_1_1	{position:absolute; width: 14px; bottom: 0px; left: 1px; background: #d9d9d9}
.box_office_1_2_2_3_1_2	{position:absolute; width: 14px; bottom: 0px; left: 16px; background: #d9d9d9}
.box_office_1_2_2_3_1_3	{position:absolute; width: 14px; bottom: 0px; left: 31px; background: #d9d9d9}
.box_office_1_2_2_3_1_4	{position:absolute; width: 14px; bottom: 0px; left: 46px; background: #d9d9d9}
.box_office_1_2_2_3_1_5	{position:absolute; width: 14px; bottom: 0px; left: 61px; background: #d9d9d9}
.box_office_1_2_2_3_1_6	{position:absolute; width: 14px; bottom: 0px; left: 76px; background: #d9d9d9}

.box_office_1_2_2_4	{position: relative; float: right; width: 51px; height: 71px; padding-top: 9px; z-index: 6; text-align: center;}
.box_office_1_2_2_5	{position: relative; float: right; width: 89px; height: 71px; padding-top: 9px; z-index: 6; text-align: center; background: #f2f2f3}
.box_office_1_2_2_6	{position: relative; float: right; width: 51px; height: 71px; padding-top: 9px; z-index: 6; text-align: center;}
.box_office_1_2_2_7	{position: relative; float: right; width: 83px; height: 71px; padding-top: 9px; padding-left: 20px; z-index: 6; text-align: center;}
.box_office_1_2_2_7_1	{overflow: hidden; position:absolute; width: 100%; height: 30px; bottom:0px; left: 0px; z-index: 6}

.box_office_1_2_2_7_1_1	{position:absolute; width: 14px; bottom: 0px; left: 13px; background: #ffffff}
.box_office_1_2_2_7_1_2	{position:absolute; width: 14px; bottom: 0px; left: 28px; background: #ffffff}
.box_office_1_2_2_7_1_3	{position:absolute; width: 14px; bottom: 0px; left: 43px; background: #ffffff}
.box_office_1_2_2_7_1_4	{position:absolute; width: 14px; bottom: 0px; left: 58px; background: #ffffff}
.box_office_1_2_2_7_1_5	{position:absolute; width: 14px; bottom: 0px; left: 73px; background: #ffffff}
.box_office_1_2_2_7_1_6	{position:absolute; width: 14px; bottom: 0px; left: 88px; background: #ffffff}

.box_office_1_2_3	{overflow: hidden; position: relative; float: left; width: 100%; height: 0px; z-index: 6; background: url(../_box_office/record_bg.png)}

.box_office_1_2_3_1	{position: relative; float: left; width: 15px; height: 30px;  padding-top: 10px; z-index: 6}
.box_office_1_2_3_2	{position: relative; float: left; width: 110px; height: 30px; padding-top: 10px; z-index: 6}
.box_office_1_2_3_3	{position: relative; float: right; width: 89px; height: 30px; padding-top: 10px; z-index: 6; text-align: center;}
.box_office_1_2_3_4	{position: relative; float: right; width: 51px; height: 30px; padding-top: 10px; z-index: 6; text-align: center;}
.box_office_1_2_3_5	{position: relative; float: right; width: 89px; height: 30px; padding-top: 10px; z-index: 6; text-align: center;}
.box_office_1_2_3_6	{position: relative; float: right; width: 51px; height: 30px; padding-top: 10px; z-index: 6; text-align: center;}
.box_office_1_2_3_7	{position: relative; float: right; width: 103px; height: 30px; padding-top: 10px; z-index: 6; text-align: center;}

.box_office_1_2_3_8	{position: relative; float: right; width: 100%; height: 1px; z-index: 6; background: #f2f2f3}


.box_office_1_2_4		{position: relative; float: left; width: 100%; height: 1px; z-index: 6; background: #d9d9d9}

#box_office_photo	{display: none}

.box_office_select {


	padding-top: 1px;
	padding-bottom: 1px;

	width: 50px; 
	height: 30px;
	background-color: transparent;
	border: 0px;
	
	
	
	
    -moz-appearance: none;
    -webkit-appearance: none;
    appearancce: none;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 20px;
    background-origin: content-box;
    background-image: url(../_box_office/select.png);

	cursor: pointer;
	
}
/* box office */

@media only screen and (max-width: 1571px) {

	.box_office_1_1	{ background: #ffffff;}
}

@media only screen and (max-width: 1571px) {

	.box_office_1_2	{ width: 100%; margin-left: 0px; margin-right: 0px;}
	
}

@media only screen and (max-width: 760px) {

	.box_office_1_2_2_1 {display: none;}
	
}

@media only screen and (max-width: 700px) {

	.box_office_1_2_2_2	{width: calc(100% - 20px); height: 46px; background: url(../_box_office/record_small_bg.png) top right;}

	.box_office_1_2_1_4	{width: 33px;}
	.box_office_1_2_1_5	{width: 80px;}
	.box_office_1_2_1_6	{width: 33px;}	
	
	.box_office_1_2_2_4	{width: 33px;}
	.box_office_1_2_2_5	{width: 80px;}
	.box_office_1_2_2_6	{width: 33px;}
	
	.box_office_1_2_3_4	{width: 33px;}
	.box_office_1_2_3_5	{width: 80px;}
	.box_office_1_2_3_6	{width: 33px;}	
	
	.box_office_1_2_2	{height: 135px}
		
}
@media only screen and (max-width: 560px) {
	
	.box_office_1_2_3_1	{display: none;}
	.box_office_1_2_3_2	{display: none;}
}

@media only screen and (max-width: 530px) {

	.box_office_1_1_2_1 {width: calc(50%)}
	.box_office_1_1_2_2 {width: calc(50%)}
	.box_office_1_1_2_3 {display: none;}
}


@media only screen and (max-width: 600px) {

	.book_1_1_1_1	{ display: none}
	.book_1_1_1_2	{ width: calc(100% - 30px); margin-left: 15px;}
	
}

/* title */

@media only screen and (max-width: 600px) {
	.main_8_1_2_0	  { left: 38px; right:0px; }
}


/*photogalery*/

@media only screen and (min-width: 700px) and (max-width: 800px) {
	.photo_gallery_02	  {width: calc(25% - 2px) }
}
@media only screen and (min-width: 600px) and (max-width: 699px) {
	.photo_gallery_02	  {width: calc(33.333% - 2px); }
}
@media only screen  and (max-width: 599px) {
	.photo_gallery_02	  {width: calc(50% - 2px) }
}


@media only screen and (max-width: 1626px) {

	.article_1_1_1_bg	{ display: none}
	.article_1_1_2_bg	{ display: none}
	.article_1_1		{ max-width: 100% }
	
	.article_1_1_2_2_1	{ width: 100%; text-align: left }
	.article_1_1_2_2_2	{ width: 100%; text-align: right; margin-top: 1px; }
}




@media only screen and (max-width: 1160px) {

	.article_1_1_2	{ display: none}
	.article_1_1_1	{ width: 100% }
	

}
@media only screen and (max-width: 600px) {

	.article_1_1_1_1	{ width: calc(100% - 70px); margin-left: 35px; }
	.article_1_1_1_2	{ width: calc(100% - 70px); margin-left: 35px; }
	.article_1_1_1_3	{ width: calc(100% - 70px); margin-left: 35px; }
	.article_1_1_1_4	{ width: calc(100% - 70px); margin-left: 35px; }
	
	.article2article_1  { display: none }

	.book_1_1_1	{ width: calc(100% - 45px); margin-left: 20px; }
}


/*related*/

@media only screen and (min-width: 1160px) {

	.sub_1_2_1_1_2_1	{ width: 327px}	
	.sub_1_2_1_1_2_1_photo {width: 100%; height: auto}	
	
}

@media only screen and  (max-width: 1159px) {

	.sub_1_2_1_1_2_1	{ width: 49.3%}	
	.sub_1_2_1_1_2_1_photo 		{display: none}
	.sub_1_2_1_1_2_1_photo_big 	{display: block}
}
@media only screen and  (max-width: 942px) {

	.article_1_1_1_4	{ display: none; }	
	
}