@charset "big5";

/* CSS Document */

html {
    color: #333;
    font-family: "Microsoft YaHei";
    background: #f1f1f1;
    overflow-y: scroll;
}
html {
    background: #f1f1f1;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}

body,
button,
input,
select,
textarea {
    font-size: 13px;
    font-family: "Microsoft YaHei";
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

address,
cite,
dfn,
em,
var {
    font-style: normal;
}

code,
kbd,
pre,
samp {
    font-family: courier new, courier, monospace;
}

small {
    font-size: 13px;
}

ul,
ol {
    list-style: none;
}

a {
    color: #333;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #333;
    text-decoration: underline;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

legend {
    color: #000;
}

fieldset,
img {
    border: 0;
}

button,
input,
select,
textarea {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

strong {
    font-weight: bold;
}

input[type=submit] {
    cursor: pointer;
}

button {
    cursor: pointer;
}

.clearfix:after {
    content: ".";
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
}

.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
    margin-top: 25px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.mt {
    margin-top: 10px;
}

.mb {
    margin-bottom: 10px;
}

.ml {
    margin-left: 10px;
}

.ml5 {
    margin-left: 5px;
}

.ml15 {
    margin-left: 15px;
}

.mr {
    margin-right: 10px;
}

.mr5 {
    margin-right: 5px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr23 {
    margin-right: 22px;
}

.mr30 {
    margin-right: 30px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb5 {
    margin-bottom: 5px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt5 {
    margin-top: 5px;
}

.pa5 {
    padding: 5px;
}

.pa10 {
    padding: 10px;
}

.pa_rl10 {
    padding: 0 10px;
}

.pa8 {
    padding: 8px;
}

.gray {
    color: #333;
}

.gray6 {
    color: #666;
}

.gray9 {
    color: #999;
}

.blue {
    color: #0e51ad;
}

.red {
    color: #c50000;
}

.error {
    color: #bf0000;
}

.green {
    color: #090;
}

.orange {
    color: #f95e1c;
}

.white {
    color: #ffffff;
}

.brown {
    color: #55180a;
}

.lh18 {
    line-height: 18px;
}

.lh20 {
    line-height: 20px;
}

.lh22 {
    line-height: 22px;
}

.lh24 {
    line-height: 24px;
}

.lh26 {
    line-height: 28px;
}

.lh30 {
    line-height: 30px;
}

.fs12 {
    font-size: 12px;
}

.fs13 {
    font-size: 13px;
}

.fs15 {
    font-size: 15px;
}

.fs16 {
    font-size: 16px;
}

.fs18 {
    font-size: 18px;
}

.fs20 {
    font-size: 20px;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.tl {
    text-align: left;
}

/*css reset end*/



/* chatroom */
#a_profile .mainbox					{width:1100px;margin:0 auto;overflow:hidden;}
#a_profile .mainbox	h1				{font-size:34px;text-align:center;font-weight:normal; margin-top:54px;}
#a_profile .mainbox	h6				{font-size:18px;text-align:center;font-weight:normal;color:#444444;margin-top:38px;}
#a_profile .mainbox	.online			{margin:52px 0 50px;}
#a_profile .mainbox	.online	ul		{width:740px;margin:0 auto;}
#a_profile .mainbox	.online li		{width:360px;float:left;font-size:14px;}
#a_profile .mainbox	.online li .icon{width:68px;height:56;margin-right:24px;float:left;}
#a_profile .mainbox	.online li .des	{float:left;margin-top:10px;}
#a_profile .mainbox	.online li .des span   {font-size:30px;}
#a_profile .mainbox	.roomdes	    {font-size:16px;color:#444444;text-align:center;margin-bottom:45px;}
#a_profile .mainbox	.a_room	li	    {width:256px;float:left;}
	
#na_profile .mainbox .roomiframe	{ background:#fff;padding-bottom:12px;}


#na_profile .mainbox .rsp2		{
    width:179px;
    height:186px;position:absolute;top:0;left:9px;border-radius:5px;behavior:url(iecss3.htc);z-index:99;cursor:pointer; background: url(images/m_icon_bg.png); display:block;}
#na_profile .mainbox .rsp2 .layer2	{
    display:block;
    width:100%;
    height:186px;
    color:#fff;
    background: url(images/m_icon_play.png) no-repeat center;text-decoration:none;text-align:center;border-radius:5px 5px 0 0;z-index:3;position:absolute;left:0;top:0;
}

#na_profile .mainbox .autowide				{width:1445px;margin:0 auto;}
#na_profile .mainbox .hot15_list > div{

    padding-left: 9px;
    padding-right:10px;
}
#na_profile .mainbox .hot15_list .chat-box			
{
    /*width:195px;*/
    float:left;
    border-radius:5px;
    behavior:url(iecss3.htc);
    background:#fff;
    /*margin-right:8px;*/
    margin-bottom:20px;
	
}
#na_profile .mainbox .hot15_list .chat-box a		{text-decoration:none;}
#na_profile .mainbox .hot15_list .img		
{
    position:relative;
    width:100%;
}
#na_profile .mainbox .hot15_list img		
{
    position:relative;
    width: 100%;
    /*width:195px;*/
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;behavior:url(iecss3.htc);height:186px;
}
#na_profile .mainbox .name15_wrap			{position:absolute;bottom:0;width:100%;z-index:4;padding:6px 12px;background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(26, 10, 51, 0.8) 0px, transparent) repeat scroll 0 0;border-radius:0 0 5px 5px;}
#na_profile .mainbox .hot15_name			{font-size:12px;}
#na_profile .mainbox .hot15_no				{background: url(images/m_icon_watch.png) left no-repeat;background-size:49%;padding-left:38px;float:left;}
#na_profile .mainbox .des15_wrap			
{
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    z-index:98;
    padding:2px 10px;
	position:absolute; 
    top:10px;
	left:16px;
	border:1px solid #ccc;
	color:#fff;
	font-size:12px;
	background:url(images/nnindexbg01.png);
}
#na_profile .mainbox .name15_wrap .sir		{font-size:14px;color:#fff;line-height:28px;}

#na_profile .mainbox .rsp3		{
    width:270px;
    height:270px;position:absolute;top:0;border-radius:5px;behavior:url(iecss3.htc);z-index:99;cursor:pointer; background: url(images/m_icon_bg.png);display:block;}
#na_profile .mainbox .rsp3 .layer3	{
    display:block;
    width:100%;
    height:270px;
    color:#fff;
    background: url(images/m_icon_play.png) no-repeat center;text-decoration:none;text-align:center;border-radius:5px 5px 0 0;z-index:3;position:absolute;left:0;top:0;
}


#na_profile .mainbox .liveiframe			{width:100%;margin:90px auto 35px auto;text-align:center;}
#na_profile .mainbox .roomtit				{text-align:left;font-size:16px;line-height:30px;margin:10px 0;}
#na_profile .mainbox .googlead				{width:1630px;margin:0 auto;}
#na_profile .mainbox .recotit				{background: url(images/m_icon_reco.png) left no-repeat;padding-left:28px;font-size:16px;line-height:30px;width:1426px; margin:40px auto 12px auto;}
#na_profile .mainbox .hot16_list			{width:1426px;margin:0 auto;overflow:hidden;}
#na_profile .mainbox .hot16_list > div{

    padding-left:7px;
    padding-right:9px;
}
#na_profile .mainbox .hot16_list .chat-box			
{
    width:270px;
    float:left;
    border-radius:5px;
    behavior:url(iecss3.htc);
    background:#fff;
    /*margin-right:8px;*/
    margin-bottom:20px;
	
}
#na_profile .mainbox .hot16_list .chat-box a		{text-decoration:none;}
#na_profile .mainbox .hot16_list .img		
{
    position:relative;
    width:100%;
}
#na_profile .mainbox .hot16_list img		
{
    position:relative;
    width: 100%;
    /*width:195px;*/
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;behavior:url(iecss3.htc);height:270px;
}
#na_profile .mainbox .name16_wrap			{position:absolute;bottom:0;width:100%;z-index:4;padding:10px 12px;background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(26, 10, 51, 0.8) 0px, transparent) repeat scroll 0 0;border-radius:0 0 5px 5px;}
#na_profile .mainbox .hot16_name			{font-size:14px;color:#ffffff;}
#na_profile .mainbox .hot16_no				{background: url(images/m_icon_watch.png) left no-repeat;background-size:49%;padding-left:38px;float:left;}
#na_profile .mainbox .des16_wrap			
{
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    z-index:98;
    padding:2px 10px;
	position:absolute; 
    top:10px;
	left:10px;
	border:1px solid #ccc;
	color:#fff;
	font-size:12px;
	background:url(images/nnindexbg01.png);
}
#na_profile .mainbox .name16_wrap .sir		{font-size:14px;color:#fff;line-height:28px;}
#na_profile .mainbox .anolive				{width:20%; padding:0;}


@keyframes d {
		0% {
			height: 1px;
		}
		50% {
			height: 12px;
		}
		100% {
			height: 1px;
		}
}


/* liveme */

.live_watch i {
    animation: 1s ease-out 0s normal none infinite running d;
    background: #52fdff none repeat scroll 0 0;
    border-radius: 1px;
    bottom: 4px;
    height: 12px;
    left:8px;
    position: absolute;
    width: 2px;
}
.live_watch .f {
    animation-delay: 0.2s;
    height: 5px;
}
.live_watch .s {
    height: 12px;
    left: 12px;
}
.live_watch .t {
    animation-delay: 0.4s;
    height: 4px;
    left: 16px;
}


/* head */

#nnew_head								{
    position:fixed;background:#ffffff;display:block;z-index:998;width:100%;filter:alpha(Opacity=95);-moz-opacity:0.95;opacity: 0.95;
    border: none;
}	
#nnew_head .head_inner					
{
    margin:0 auto;
}
/* @media only screen and (min-width: 766px){
.carousel-inner .inner{
    background: url(http://www.ek21.com/images/banner/chatroom_870x400_newsn.gif) center center/cover;
    height:400px;
}
}
@media only screen and (max-width: 765px){
.carousel-inner .inner{
    background: url(http://www.ek21.com/images/banner/chatroom_870x400_newsm.gif) center center/cover;
    height:400px;
}
} */
/* navbar */
.navlist {
	float: right;
	margin-top: 10px;
	margin-right: 23px;
	height: 24px;
}

.navlist li {
	position: relative;
	float: left;
}

.large .nlogo {
	float: left;
	display: block;
	margin: 0;
	width: 160px;
	height: 70px;
}

.large .nlogo img {
	margin-top: 17px;
}

.large .navlist li a {
	display: block;
	padding: 15px 20px;
	color: #555;
	font-size: 14px;
	line-height: 24px;
}

.large .navlist li a:hover {
	text-decoration: none;
}

.large .navlist li .sub {
	top: 50px;
}

.small .nlogo {
	float: left;
	display: block;
	margin: 0;
	padding-right: 10px;
	width: 120px;
	height: 50px;
}

.small .nlogo img {
	margin-top: 8px;
}

.small .navlist li a {
	display: block;
	padding: 4px 20px;
	color: #555;
	font-size: 14px;
	line-height: 24px;
}

.small .navlist li a:hover {
	text-decoration: none;
}

.small .navlist li .sub {
	top: 32px;
}

.navlist li a.m_a {
	display: block;
	width: 115px;
	text-align: center;
	font-size: 17px;
}

.navlist li a.m_a:hover,.nav li.active a.m_a {
	color: #165106;
	text-decoration: none;
}

.navlist li.active .sub {
	display: block;
	color: #184302;
}

.navlist li .sub {
	position: absolute;
	top: 68px;
	left: 5px;
	display: none;
	width: 150px;
	background: #efefef;
}

.navlist li .sub dl {
	border: 1px solid #dcdcdc;
	background: #f3f3f3;
}

.navlist li .sub dd {
	border-bottom: 1px dashed #dcdcdc;
	background: #fff;
	color: #555;
}

.navlist li .sub dd.last {
	border-bottom: none;
}

.navlist li .sub a {
	display: inline;
	display: block;
	padding: 10px 15px;
	color: #333;
	color: #555;
	font-size: 14px;
}

.navlist li .sub a:hover {
	background: #ddd;
	color: #000;
	text-decoration: none;
}

.navlist .samll_sub {
	position: relative;
}

#nnew_head .a_nav a						{margin-left:14px;float:left;color:#222222;font-size:16px;line-height:18px;display:block;padding:5px 23px 7px;border:1px solid #fff;}
#nnew_head .a_nav a:hover				{border:1px solid #ff2864;text-decoration:none;border-radius:20px;color:#ff2864;}
#nnew_head .topbar						{background:#ff981e;height:36px;line-height:36px;}
#nnew_head .topbar ul    				{width:990px;margin:0 auto;padding-left:220px;}
#nnew_head .topbar ul li				{float:left;margin:0 15px;}
#nnew_head .topbar ul li a				{padding:0 7px;height:34px;line-height:36px;color:#fff;font-size:12px;display:block;}
#nnew_head .topbar ul li a:hover		{border-bottom:2px solid #fff;text-decoration:none;}

#na_top									
{
    background:#d1d1d1;
    /*height:396px; */
    padding-top:70px;
    /*min-width:1210px;*/
    width:100%;
}
#na_top	.bannerbox						{position:relative;margin:0 auto;width:1020px;height:396px;}
#na_profile .mainbox					{
    /*width:1210px;*/
    margin:0 auto;
    overflow:
    hidden;
}
#na_profile .mainbox	h1				{font-size:34px;text-align:center;font-weight:normal; margin-top:27px;}
#na_profile .mainbox	h2				{font-size:34px;text-align:center;font-weight:normal; margin:30px 0 15px;}
#na_profile .mainbox	h6				{font-size:18px;text-align:center;font-weight:normal;color:#444444;margin-top:16px;}
#na_profile .mainbox	.online			{margin:30px 0 15px;}
#na_profile .mainbox	.online	ul		
{
    width:100%;
    margin:0 auto;
}
#na_profile .mainbox	.online li		{/*width:360px;*/float:left;font-size:14px;}
#na_profile .mainbox	.online li .icon
{
    /*width:68px;*/
    height:56;margin-right:24px;float:left;
}
#na_profile .mainbox	.online li .des	{float:left;margin-top:10px;}
#na_profile .mainbox	.online li .des span   {font-size:30px;}
#na_profile .mainbox	.roomdes	    {font-size:16px;color:#444444;text-align:center;margin-bottom:20px;margin-top:30px;}
#na_profile .mainbox	.a_room	li	    {width:256px;float:left;}	

/*#na_profile .mainbox .hotroom13 ul		    {width:1218px;} */
#na_profile .mainbox .hotroom13 .hot13_list .chat-box		
{
    position:relative;
}  
#na_profile .mainbox .hotroom13 .hot13_list .chat-box .photo{position:relative;height:205px;margin:0 5%;max-width: 205px;}  
#na_profile .mainbox .hotroom13 .rsp		{
    width:100%;
    height:165px;
    position:absolute;
    top:0;left:0px;
    border-radius:5px 5px 0 0;
    behavior:url(iecss3.htc);
    z-index:5;cursor:pointer; 
    background: rgba(255,255,255,0.7);
  }
#na_profile .mainbox .hotroom13 .rsp .layer	{
    display:block;
    width:100%;
    height:164px;
    color:#fff;
    background: url(images/nindex01.png) no-repeat center;
    text-decoration:none;
    text-align:center;
    border-radius:5px 5px 0 0;
    z-index:3;
    position:absolute;
    left:0;
    top:0;
}
#na_profile .mainbox .hot13_list > div{

    padding-left: 0px;
    padding-right: 0px;
}
#na_profile .mainbox .hot13_list .chat-box			
{
    /*width:195px;*/
    /*float:left;*/
    border-radius:5px;
    behavior:url(iecss3.htc);
    background:#fff;
    /*margin-right:8px;*/
    margin-bottom:25px;
}
#na_profile .mainbox .hot13_list .chat-box a		{text-decoration:none;}
#na_profile .mainbox .hot13_list .img		
{
    
    height:100%;
    width:100%;
}
#na_profile .mainbox .hot13_list img		
{
    position:relative;
    height:205px;
    width: 100%;
    /*width:195px;*/
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;behavior:url(iecss3.htc);
}
#na_profile .mainbox .name13_wrap	{
  position:absolute;
  bottom:40px;
  height:40px;

  width:100%;
  z-index:4;
  text-align:center;text-shadow:1px 1px 1px #111;}
#na_profile .mainbox .hot13_name			{font-size:12px;line-height:26px;height:34px; margin-top:6px;}
#na_profile .mainbox .des13_wrap			
{
    line-height:24px;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
    behavior:url(iecss3.htc); height:40px;/*background: url(function/images/40414.png);*/
    z-index:99;
    width:100%;
    padding:0 12px;position:absolute; 
    bottom:0;border-top:1px solid #fff;color:#fff;font-size:14px;
	background:url(images/nnindexbg01.png);
}
#na_profile .mainbox .name13_wrap .sir		{font-size:20px;color:#fff;line-height:28px;font-weight:bold;text-shadow:1px 1px 1px #111;}
#na_profile .mainbox .name13_wrap .online	{color:#fff;font-size:12px;text-shadow:1px 1px 1px #111;}
#na_profile .mainbox .name13_wrap .online_num {font-size:24px;color:#fff;margin-right:4px;text-shadow:1px 1px 1px #111;}
#na_profile .mainbox .morebtn				{background:#ff9a00;font-size:22px;color:#ffffff;text-align:center;padding:15px 90px;border-radius:30px;display:inline-block; }
#na_profile .mainbox .morebtn:hover			{background:#f58c0f;text-decoration:none;}		

#na_profile .mainbox .a_good 				{margin-bottom:50px;}
#na_profile .mainbox .a_good h1				{font-size:36px;text-align:center;font-weight:normal;margin-top:30px;}
#na_profile .mainbox .a_good h6				{font-size:26px;text-align:center;font-weight:normal;margin-top:20px;color:#393939;}
#na_profile .mainbox .a_good .item			{margin-top:40px;}
#na_profile .mainbox .a_good .item li		{width:20%;float:left;}
#na_profile .mainbox .a_good .item li p		{text-align:center;font-size:18px;margin-top:22px;}
#na_profile .mainbox .a_good .applybtn		{background:#ff9a00;font-size:22px;color:#ffffff;text-align:center;padding:15px 90px;border-radius:30px;display:inline-block;margin-top:40px;}
#na_profile .mainbox .a_good .applybtn:hover{background:#f58c0f;text-decoration:none;}
#na_profile .mainbox .hotact  				{margin-bottom:20px;}	
#na_profile .mainbox .hotact  h1			{font-size:36px;text-align:center;font-weight:normal;margin-bottom:20px;}	
#na_profile .mainbox .hotact ul				{width:988px;margin:0 auto 80px auto;}
#na_profile .mainbox .hotact .hotact-wrap img
{
    width: 100%;
    margin-bottom: 5px;
}
#na_profile .mainbox .hotact ul li			{width:300px;height:250px;margin:0 14px;float:left;}
#nnew_foot									{background:#120e0e;color:#fff;font-size:12px;padding:40px;text-align:center;}
#nnew_foot	a								{font-size:12px;color:#fff;margin:0 10px;}
#bfoot										
{
    background:#222 none repeat scroll 0 0;color:#ccc;margin-bottom:0;padding-bottom:0;padding-top:50px;
    position:relative;overflow:hidden;
}
#bfoot	.container							
{
    margin:0 auto;
    padding:0;
}
#bfoot	.container .sixteen					
{
    margin:0 10px;
    /*width:1190px;*/
}
#bfoot	.container .one-third				
{
    /*width:30.66%;*/
    /*margin-right:4%;*/
    margin-bottom:25px; 
    float:left;
}
#bfoot	.container .one-third .nav-menu		{ margin-bottom:50px;}
#bfoot	.container .one-third .widget-title	{border-bottom:1px solid #444;font-size:14px;margin-bottom:16px;padding-bottom:16px;color:#fff;}
#bfoot	.container .one-third .menu			{margin-top:-18px;position:relative;width:100%;z-index:10; margin-bottom:50px;}
#bfoot	.container .one-third .menu a		{background: url("http://ek21.com/images/web/rightarrow-dark.png") no-repeat scroll 95% 48%;border-bottom: 1px dotted #444;color: #fff;display:block;font-size:14px;height:auto;line-height:18px;overflow:hidden;padding:12px 5px 12px 10px;position:relative;text-align:left;z-index:1000;text-decoration:none;}
#bfoot	.container .one-third .menu a:hover	{background:#333 url("http://ek21.com/images/web/rightarrow-dark.png") no-repeat scroll 97% 48%;text-decoration:none;}
#bfoot	.container .lastcol		{margin-right:0;}



/* Category bar */

.liveplay	{width:1426px; height:500px;margin:0 auto;}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 900px) {
.container2 {
	padding-top:78px;
	}
.wrap {
width: 90%;
}
#logo {
left: 50px;
top: 30px;
}
.sbanner h1, .banner h2 {
font-size: 24px;
line-height: 30px;
}
.sbanner ul li {
height: 240px;
}
.sbanner .inner {
padding-top: 100px;
padding-bottom: 50px;
}
.sbanner p {
font-size: 15px;
width: 80%;
margin: 0 auto;
}
.home_navbar ul li{
  display:inline;
  padding-right: 5px;
  /*border: 1px solid black;*/
}  
.ad1 {
  padding: 0;
  text-align: center;
  margin: 0 auto;
  padding: 0 20px;
}
.caroucel_all {
  padding: 70px 0 0 0 !important;
}
.liveplay	{width:500px; height:175px;margin:0 auto;}
#na_profile .mainbox .googlead				{width:100%;margin:0 auto;}
#na_profile .mainbox .autowide				{width:100%;margin:0 auto;}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.features li:before {
background: url('img/icons@2x.png');
background-size: 100%;
}
}
.na_top .index_c_hero img{
  border: 1px solid black;
}
.home_navbar {
  margin: 0 auto;
  height: 70px;
  line-height: 60px;
  font-size: 20px;
  color: #999A99;
  /*display:inline;*/
}
.home_navbar ul li {
  /*display:inline;*/
  margin-right: 3.5%;
  white-space: nowrap;
  float:left;
}
.allbar .home_navbar ul li a {
  font-size: 20px;
  text-decoration: none;
}

.home_navbar .underlinetoggle {
  color: #6F6F6F;
}
.allbar .home_navbar .icon {
  height: 30px; width:30px; display:inline-block; margin-right:10px; vertical-align:middle; margin-bottom: 10px;}

.allbar .home_navbar a {border-bottom: 4px solid #FFf;}
.allbar .home_navbar a:hover { border-bottom: 4px solid #FFD898; }
 
.home_navbar a.all_icon_b{
  border-bottom: 4px solid #FF9A00;}



.home_navbar .all_icon_b .all_icon{background: url(images/sort_all_h.png);}

.home_navbar ul li .new_icon{background: url(images/sort_new_n.png);}
.home_navbar ul li .hot_icon{background: url(images/sort_popular_n.png);}
.home_navbar ul li .area_icon{background: url(images/sort_area_n.png);}
.home_navbar ul li .member_icon{background: url(images/sort_member_n.png);}
.home_navbar ul li .all_icon{background: url(images/sort_all_n.png);}
.home_navbar ul li .liveme_icon{background: url(images/caption_live_n.png);}


.home_navbar ul li.underline .new_icon{background: url(images/sort_new_h.png);}
.home_navbar ul li.underline .hot_icon{background: url(images/sort_popular_h.png);}
.home_navbar ul li.underline .area_icon{background: url(images/sort_area_h.png);}
.home_navbar ul li.underline .member_icon{background: url(images/sort_member_h.png);}
.home_navbar ul li.underline .all_icon{background: url(images/sort_all_h.png);}
.home_navbar ul li.underline .liveme_icon{background: url(images/caption_live_h.png);}
.home_navbar ul li.underline{border:none !important;}
.home_navbar ul li.underline a{
  border-bottom: 4px solid #FF9A00;
}
.allbar .home_navbar img {
  height: 30px;
  margin-right: 1%;
  margin-bottom: 5px;
}
.search_navbar {
  height: 70px;
  margin: 40px 0 0 0;
}

.search_navbar .search_content {
  float:right;
    width: 220px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 40px;
    font-size: 16px;
    background-color: white;
    background-image: url('./images/ibtn.png');
    height:40px;
    background-position: 180px 10px; 
    background-repeat: no-repeat;
    padding: 12px 20px 12px 20px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
.hot_all {
  padding:70px 0 0 0;
}
.hot_title p {
  font-size: 16px;
  padding: 10px 10px;
  color: white;
  background-color: #FF9A00;
  border-radius: 4px;
  font-family: 'Noto Sans', sans-serif;
}
.hot_title img{
  padding-right: 20px;
}

.hot_rank ul li {
  height: 70px;
}
.hot_rank p {
  display: inline-block;
  padding-top: 26px;
  margin-left: 20px;
}
.hot_rank ul li img{ 
  height: 39px;
  width: 39px;
  margin-top: -2px;
  margin-left: 5%;
  border-radius: 50%;
}

.hot {
  width: 65%;
  float: right;
  height: 65px;
}

.hot_rank .hot_bg{
  background-color: #EEEEEE;
}
.hot .hot_p1{
  font-size: 16px;
  display: block;
  padding-top: 11px;
}

.hot .hot_p1 img{
  height: 16px;
  width: 20px;
  margin-left: 7%;
  margin-bottom: 5px;
}
.hot p {
  margin: 0;
  padding-top: 7px;
  display: inline-block;
}

.hot .p3 {
  display: inline-block;
  margin-right: 40px;
  font-size: 12px;
  color: #9B9B9B;
}

.hot .hot_p2{
  font-size: 12px;
  color: #9B9B9B;
}
.clearfloat {
  clear: left;
}

.ad1 {
  text-align: center;
  max-width: 970px !important;

  padding: 0;
  text-align: center;
  margin: 0 auto;
}
.ad1 .ad1_img{
  max-width: 100% !important; 
  height: 250px !important;
  padding-bottom: 30px;
}

.ad1 .ad1_img1{
  width: 970px !important;
  max-width: 100% !important; 
  height: 90px !important;
  padding-bottom: 30px;
}

.underline{
 /* padding-bottom: 5px;*/
  border-bottom: 4px solid #FF9A00;
}

.caroucel_all {
  padding: 70px 15px 0 0;
}

#livemebox	{padding:80px 0;}
#livemefoot	{position:absolute;bottom:0;text-align:center;width:100%;}
#livemefoot	a {line-height:48px;font-size:14px;color:#fff;display:block;background:#222222;}
#livemefoot	a:hover {background:#fe9c28;text-decoration:none;}
#livemefoot	a span {background:url(images/arrow.png) left no-repeat;background-size:16% 80%;padding-left:20px;}


@media only screen and (max-width: 425px){
.container2 {
	padding-top:62px;
	}
#na_profile .mainbox .rsp2		{
    width:91%;
    height:205px;position:absolute;top:0;left:9px;border-radius:5px;behavior:url(iecss3.htc);z-index:99;cursor:pointer; background: url(images/m_icon_bg.png); display:block;}
#na_profile .mainbox .rsp2 .layer2	{
    display:block;
    width:100%;
    height:205px;
    color:#fff;
    background: url(images/m_icon_play.png) no-repeat center;text-decoration:none;text-align:center;border-radius:5px 5px 0 0;z-index:3;position:absolute;left:0;top:0;
}

#na_profile .mainbox .hot15_list .chat-box			
{
    /*width:195px;*/
    float:left;
    border-radius:5px;
    behavior:url(iecss3.htc);
    background:#fff;
    /*margin-right:8px;*/
    margin-bottom:20px;
	
}
#na_profile .mainbox .hot15_list .img		
{
    position:relative;
    /*width:340px;*/
}
#na_profile .mainbox .hot15_list img		
{
    position:relative;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;behavior:url(iecss3.htc);height:205px;
}
#na_profile .mainbox .name15_wrap			{position:absolute;bottom:0;width:100%;z-index:4;padding:6px 12px;background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(26, 10, 51, 0.8) 0px, transparent) repeat scroll 0 0;border-radius:0 0 5px 5px;}
#na_profile .mainbox .hot15_name			{font-size:12px;}
#na_profile .mainbox .hot15_no				{background: url(images/m_icon_watch.png) left no-repeat;background-size:49%;padding-left:38px;float:left;}
#na_profile .mainbox .des15_wrap			
{
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    z-index:98;
    padding:2px 10px;
	position:absolute; 
    top:10px;
	left:16px;
	border:1px solid #ccc;
	color:#fff;
	font-size:12px;
	background:url(images/nnindexbg01.png);
}

  .home_navbar ul{
    text-align: center;
  }
  .home_navbar ul li {
    display: inline;
    padding-right: 3%;
    margin-right: 5px;
  }
  .hot_all {
    padding: 70px 0 0 0;
  }
  .ad .ad1_img {
    height: 300px;
    width: 250px;
  }
  .search_navbar {
    height: 100px;
    margin: 60px 0 -25px 0;
  }
  .hot_all {
    padding: 0 ;
  }

  .allbar .search_navbar .search_content {
     float: inherit; 
  }
  .search_navbar {
    text-align: center;
  }
  .home_navbar {
    line-height: 40px;
  }
  .large .nlogo img {
    margin-top: 17px;
    padding-left: 0px !important; 
  }
    .hot_all {
    padding: 0;
  }
  #na_profile .mainbox .hotroom13 .rsp .layer {
    display:block;
    width:100%;
    height:120px;
    color:#fff;
    background: url(images/nindex01.png) no-repeat center;
    text-decoration:none;
    text-align:center;
    border-radius:5px 5px 0 0;
    z-index:3;
    position:absolute;
    left:0;
    top:0;
  }
   #livemebox	{padding:60px 0;}
   .liveplay	{width:360px; height:126px;margin:0 auto;}
   #na_profile .mainbox .autowide				{width:100%;margin:0 auto;}
}

@media only screen and (max-width: 767px) and (min-width: 426px){
.container2 {
	padding-top:62px;
	}
#na_profile .mainbox .rsp2		{
    width:95%;
    height:370px;position:absolute;top:0;left:9px;border-radius:5px;behavior:url(iecss3.htc);z-index:99;cursor:pointer; background: url(images/m_icon_bg.png); display:block;}
#na_profile .mainbox .rsp2 .layer2	{
    display:block;
    width:100%;
    height:370px;
    color:#fff;
    background: url(images/m_icon_play.png) no-repeat center;text-decoration:none;text-align:center;border-radius:5px 5px 0 0;z-index:3;position:absolute;left:0;top:0;
}

#na_profile .mainbox .hot15_list .chat-box			
{
    /*width:195px;*/
    float:left;
    border-radius:5px;
    behavior:url(iecss3.htc);
    background:#fff;
    /*margin-right:8px;*/
    margin-bottom:20px;
	
}
#na_profile .mainbox .hot15_list .img		
{
    position:relative;
    /*width:340px;*/
}
#na_profile .mainbox .hot15_list img		
{
    position:relative;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;behavior:url(iecss3.htc);height:370px;
}
#na_profile .mainbox .name15_wrap			{position:absolute;bottom:0;width:100%;z-index:4;padding:6px 12px;background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(26, 10, 51, 0.8) 0px, transparent) repeat scroll 0 0;border-radius:0 0 5px 5px;}
#na_profile .mainbox .hot15_name			{font-size:12px;}
#na_profile .mainbox .hot15_no				{background: url(images/m_icon_watch.png) left no-repeat;background-size:49%;padding-left:38px;float:left;}
#na_profile .mainbox .des15_wrap			
{
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    z-index:98;
    padding:2px 10px;
	position:absolute; 
    top:10px;
	left:16px;
	border:1px solid #ccc;
	color:#fff;
	font-size:12px;
	background:url(images/nnindexbg01.png);
}


  .large .nlogo img {
      margin-top: 17px;
      padding-left: inherit;
  }
  .home_navbar {
    line-height: 40px;
  }
  .home_navbar ul{
    text-align: center;
  }
  .home_navbar ul li {
    display: inline;
    padding-right: 3%;
  }
  .allbar .search_navbar .search_content {
     float: inherit; 
     
  }
  .search_navbar {
    text-align: center;
  }
  .hot_all {
    padding: 0 !important;
  } 
  #na_profile .mainbox .hotroom13 .hot13_list .chat-box .photo{
    /*width: 40vw;*/
    /*padding-bottom: 50%;*/
    height: 40vw !important;
    margin-bottom: 10px;
    margin: 0 3%;
  }
  #na_profile .mainbox .hotroom13 .rsp {
    height: 100%;
    padding-bottom: 50%;
  }
  #na_profile .mainbox .hot13_list .chat-box {
      border-radius: 5px;
      behavior: url(iecss3.htc);
      background: #fff;
  }
  #na_profile .mainbox .hotroom13 .rsp .layer {
    display:block;
    width:100%;
    height:120px;
    color:#fff;
    background: url(images/nindex01.png) no-repeat center;
    text-decoration:none;
    text-align:center;
    border-radius:5px 5px 0 0;
    z-index:3;
    position:absolute;
    top:25px;
  }
  #na_profile .mainbox .name13_wrap .sir {
    bottom: 20vh;
  }
 #livemebox	{padding:60px 0;}
 .liveplay	{width:426px; height:150px; margin:0 auto;}
 #na_profile .mainbox .autowide				{width:100%;margin:0 auto;}

}

@media only screen and (max-width:1200px) and (min-width: 768px){
.container2 {
	padding-top:86px;
	}
#na_profile .mainbox .rsp2		{
    width:205px;
    height:205px;position:absolute;top:0;left:9px;border-radius:5px;behavior:url(iecss3.htc);z-index:99;cursor:pointer; background: url(images/m_icon_bg.png); display:block;}
#na_profile .mainbox .rsp2 .layer2	{
    display:block;
    width:100%;
    color:#fff;
    background: url(images/m_icon_play.png) no-repeat center;text-decoration:none;text-align:center;border-radius:5px 5px 0 0;z-index:3;position:absolute;left:0;top:0;
}

#na_profile .mainbox .hot15_list .chat-box			
{
    /*width:195px;*/
    float:left;
    border-radius:5px;
    behavior:url(iecss3.htc);
    background:#fff;
    /*margin-right:8px;*/
    margin-bottom:20px;
	
}
#na_profile .mainbox .hot15_list .img		
{
    position:relative;
    /*width:340px;*/
}
#na_profile .mainbox .hot15_list img		
{
    position:relative;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;behavior:url(iecss3.htc);height:205px;
}
#na_profile .mainbox .name15_wrap			{position:absolute;bottom:0;width:100%;z-index:4;padding:6px 12px;background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(26, 10, 51, 0.8) 0px, transparent) repeat scroll 0 0;border-radius:0 0 5px 5px;}
#na_profile .mainbox .hot15_name			{font-size:12px;}
#na_profile .mainbox .hot15_no				{background: url(images/m_icon_watch.png) left no-repeat;background-size:49%;padding-left:38px;float:left;}
#na_profile .mainbox .des15_wrap			
{
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    z-index:98;
    padding:2px 10px;
	position:absolute; 
    top:10px;
	left:16px;
	border:1px solid #ccc;
	color:#fff;
	font-size:12px;
	background:url(images/nnindexbg01.png);
}


  .hot_rank p {
    display: inline-block;
    margin-left: 16px;
  }
  #na_profile .mainbox .hotroom13 .hot13_list .chat-box .photo{
    margin: 0 5%;
  }
    #na_profile .mainbox .hotroom13 .rsp .layer {
    display:block;
    width:100%;
    color:#fff;
    background: url(images/nindex01.png) no-repeat center;
    text-decoration:none;
    text-align:center;
    border-radius:5px 5px 0 0;
    z-index:3;
    position:absolute;
    margin-top:10px;
  }

  
  .hot .p3 {
    display: inline-block;
    margin-right: 10px;
    font-size: 12px;
    color: #9B9B9B;
  }
  .hot_rank ul li img {
    height: 39px;
    width: 39px;
    margin-top: 0px;
    margin-left: 2%;
  }
  .hot .hot_p2 {
    font-size: 12px;
    margin-left: 0px;
    color: #9B9B9B;
  }
  .hot .hot_p1 {
    font-size: 16px;
    display: block;
    padding-top: 11px;
    margin: 0;
  }
  #na_profile .mainbox .hotroom13 .hot13_list .chat-box .photo{
    height: 22vw;
    margin-bottom: 10px;
  }
  #na_profile .mainbox .name13_wrap .sir {
    font-size: 20px;
    color: #fff;
    margin-bottom: 2px;
    line-height: 28px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #111;
    padding-top: 40px;
  }
  #na_profile .mainbox .name13_wrap {
    bottom: 10vh;
  }
  #na_profile .mainbox .hotroom13 .rsp {
    height: 100%;
  }
  #livemebox	{padding:80px 0;}
  .liveplay	{width:760px; height:266px; margin:0 auto;}
  #na_profile .mainbox .autowide				{width:100%; margin:0 auto;}
}

@media only screen and (max-width: 1280px) and (min-width: 1000px){
  .liveplay	{width:1000px; height:351px; margin:0 auto;}
}
@media only screen and (max-width: 1425px) and (min-width: 1281px){
  .liveplay	{width:1250px; height:438px; margin:0 auto;}
}


/* chatroom img */

/* 孤男寡女 */
.hot001{ 
  background: url("/chatroom/cimg/oadz_21.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 男歡女愛 */
.hot002{
  background: url("/chatroom/cimg/obzc_11.jpg") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 已婚廣場 */
.hot003{
  background: url("/chatroom/cimg/ofi_11.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 高雄網友 */
.hot004{
  background: url("/chatroom/cimg/obzc_1.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 情人皇朝 */
.hot005{
  background: url("/chatroom/cimg/oaca_1.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 50-100歲 */
.hot006{
  background: url("/chatroom/cimg/age_15.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 海洋之星 */
.hot007{
  background: url("/chatroom/cimg/d_3.jpg") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 台南網友 */
.hot008{
  background: url("/chatroom/cimg/oadz_51.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 青草茶 */
.hot009{
  background: url("/chatroom/cimg/obzc_18.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 20歲以上 */
.hot010{
  background: url("/chatroom/cimg/oaca_16.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 你依然在我心深處 */
.hot011{
  background: url("/chatroom/cimg/oadz_6.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 幸福有約 */
.hot012{
  background: url("/chatroom/cimg/oeb_16.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 幸福海洋 */
.hot013{
  background: url("/chatroom/cimg/oeb_10.jpg") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 女王大歌廳 */
.hot014{
  background: url("/chatroom/cimg/nc_68.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* TLC English Chat room */
.hot015{
  background: url("/chatroom/cimg/oadz_41.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 忘年之戀 */
.hot016{
  background: url("/chatroom/cimg/age_10.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 冰尼彩虹 */
.hot017{
  background: url("/chatroom/cimg/oaca_17.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 秘密花園 */
.hot018{
  background: url("/chatroom/cimg/age_1.jpg") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 好朋友聊天室 */
.hot019{ 
  background: url("/chatroom/cimg/ofi_10.jpg") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 宜蘭人 */
.hot020{
  background: url("/chatroom/cimg/oaca_2.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 獨一無二 */
.hot021{ 
  background: url("/chatroom/cimg/nc_63.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 南台灣之夜 */
.hot022{
  background: url("/chatroom/cimg/oadz_6.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 一鍋粥 */
.hot023{
  background: url("/chatroom/cimg/nc_48.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 浪漫的邂逅 */
.hot024{
  background: url("/chatroom/cimg/nc_55.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 台中人聊天室 */
.hot025{ 
  background: url("/chatroom/cimg/sun_8.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 青春拘留所 */
.hot026{
  background: url("/chatroom/cimg/obzc_13.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 桐言桐語 */
.hot027{
  background: url("/chatroom/cimg/ofi_20.jpg") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* "真"心交保 */
.hot028{
  background: url("/chatroom/cimg/vi_25.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 花捲之家 */
.hot029{
  background: url("/chatroom/cimg/nc_41.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 絲絲入蔻 */
.hot030{
  background: url("/chatroom/cimg/sun_5.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 巴拉哈哈 */
.hot031{
  background: url("/chatroom/cimg/ofi_12.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 蝴蝶谷 */
.hot032{
  background: url("/chatroom/cimg/ofi_13.jpg") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 家有小鮮肉 */
.hot033{
  background: url("/chatroom/cimg/sun_1.jpg") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 大學生之夜 */
.hot034{
  background: url("/chatroom/cimg/sun_4.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 枕邊 */
.hot035{
  background: url("/chatroom/cimg/age_12.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* 田園 */
.hot036{
  background: url("/chatroom/cimg/ofi_6.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.hot037{
  background: url("/chatroom/cimg/oadz_6.png") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.hot038{
  background: url("/chatroom/cimg/sun_5.jpg") center center;
  background-size: cover;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
#na_profile .mainbox .rsp2		{
    width:180px;
    height:186px;position:absolute;top:0;left:9px;border-radius:5px;behavior:url(iecss3.htc);z-index:99;cursor:pointer; background: url(images/m_icon_bg.png); display:block;}
#na_profile .mainbox .rsp2 .layer2	{
    display:block;
    width:100%;
    height:186px;
    color:#fff;
    background: url(images/m_icon_play.png) no-repeat center;text-decoration:none;text-align:center;border-radius:5px 5px 0 0;z-index:3;position:absolute;left:0;top:0;
}

#na_profile .mainbox .autowide				{width:1380px;margin:0 auto;}
#na_profile .mainbox .hot15_list > div{

    padding-left:9px;
    padding-right:10px;
}
#na_profile .mainbox .hot15_list .chat-box			
{
    /*width:195px;*/
    float:left;
    border-radius:5px; 
    behavior:url(iecss3.htc);
    background:#fff;
    /*margin-right:8px;*/
    margin-bottom:20px;
	
}
#na_profile .mainbox .hot15_list .chat-box a		{text-decoration:none;}

#na_profile .mainbox .hot15_list img		
{
    position:relative;
    width:186px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;behavior:url(iecss3.htc);height:186px;
}
}