@charset "utf-8";

/*subColor*/

.subBg01 { background:#ad1e19; }
.subBg02 { background:#c76e36; }
.subBg03 { background:#664a4a; }
.subBg04 { background:#ff66cc; }
.subBg05 { background:#e4d73f; }
.subBg06 { background:#dea62e; }

h2 { margin-bottom:20px; font-size:30px; color:#333; font-weight:bold; line-height:1.2em; letter-spacing:-0.4pt; }
h3 { margin-bottom:20px; font-size:20px; color:#333; font-weight:bold; line-height:1.4em; letter-spacing:-0.4pt; }

/*subLayout*/

#subWrap { position:absolute; top:0; left:0; overflow:hidden; z-index:-1; width:100%; }
.subTop1	{ width:100%; height:354px; background:url(/image/web/competition/competition.jpg) no-repeat; background-position: center; }
.subTop2	{ width:100%; height:354px; background:url(/image/web/gallery/gallery.jpg) no-repeat; background-position: center; }
.subTop3	{ width:100%; height:354px; background:url(/image/web/history/history.jpg) no-repeat; background-position: center; }
.subTop4	{ width:100%; height:354px; background:url(/image/web/community/community.jpg) no-repeat; background-position: center; }
.subTop5	{ width:100%; height:354px; background:url(/image/web/trend/trend.jpg) no-repeat; background-position: center; }
.subTop6	{ width:100%; height:354px; background:url(/image/web/kgirls/kgirls.jpg) no-repeat; background-position: center; }
.subTop7	{ width:100%; height:354px; background:url(/image/web/blogger/blogger.jpg) no-repeat; background-position: center; }

.subLayout										{ overflow:hidden; width:1090px; margin:0 auto 30px; }
.subLayout .sideMenu							{ float:left; width:170px; }
.subLayout .sideMenu .menuTitle					{ width:160px; height:159px; padding:10px 0 0 10px; font-size:24px; color:#FFF; }
.subLayout .sideMenu .menuTitle p				{ font-weight:bold;}
.subLayout .sideMenu .menuTitle span			{ font-size:18px; }
.subLayout .sideMenu li							{ height:24px; padding-top:12px; border-bottom:1px solid #ccc; text-align:right;}
.subLayout .sideMenu li a						{ display:block; color:#999;  font-size:14px; }
.subLayout .sideMenu li a.on					{ display:block; color:#333; font-weight:bold; }
.subLayout .sideMenu li a:hover					{ display:block; color:#333; font-weight:bold; }
.subLayout .sideMenu li:hover					{ background:url(/image/web/main/submenu_icon.png) 0 50% no-repeat; }
.subLayout .subContainer						{ float:right; width:900px; }
.subLayout .subContainer .subTitle				{ height:42px; padding-top:18px; margin-bottom:30px;  border-bottom:1px solid #333; font-size:24px; color:#333; font-weight:bold;  }
.subLayout .subContainer .boardTitle			{ height:42px; padding-top:18px; margin-bottom:20px;  border-bottom:1px solid #333; font-size:24px; color:#333; font-weight:bold;  }
.subLayout .subContainer .subContent			{ overflow:hidden; width:900px; color:#333; }
.subLayout .subContainer .subContent .subListl	{ float:left; width:30%; margin-right:15px; }
.subLayout .subContainer .subContent .subList2	{ float:right; width:68%; }
.subLayout .subContainer .subContent .subL	{ float:left; width:50%; margin-right:15px; }
.subLayout .subContainer .subContent .subR	{ float:right; width:48%; }
.subLayout .subContainer .subContent .subList3	{ float:left; width:290px; padding-right:10px; }
.subLayout .subContainer .subContent .subList4	{ float:left; width:290px; padding-right:10px; }
.subLayout .subContainer .subContent .subList5	{ float:left; width:290px; margin-bottom:50px; }


/*fonttype*/
.fontbig				{ font-size:18px; color:#333; font-weight:bold; line-height:1.5em; letter-spacing:-0.4pt; }
.fontmedium				{ font-size:14px; color:#666; font-weight:bold; line-height:1.4em; letter-spacing:-0.4pt; }
.fontNormal			{ font-size:14px; color:#666;  line-height:1.5em; letter-spacing:-0.2pt; }
.fontmediumG			{ font-size:14px; color:#333; font-weight:bold; line-height:1.4em; letter-spacing:-0.4pt; }
.fontsmall				{ font-size:12px; color:#666; line-height:1.6em; letter-spacing:-0.7pt; word-break:break-all; }
.fontsmall a,a:hover	{ color:#0099ff; }
.fontsmallem			{ font-size:12px; color:#333; font-weight:bold; line-height:1.6em; letter-spacing:-0.7pt; }
.fontbold				{ font-weight:bold; }
.fontbox				{ width:270px; padding:10px; background:#ebebeb; }

/*spacing*/

.spacing1 { margin-bottom:20px; }
.spacing2 { margin:20px 0; }
.spacing3 { margin-bottom:40px; }
.spacing4 { margin-bottom:80px; }
.spacing5 { margin-bottom:85px; }

/*host*/

.hostList			{ width:100%; border-top:2px solid #ccc; border-bottom:2px solid #ccc; font-size:12px; color:#666;  }
.hostList th		{ padding:10px 0 10px 10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:#eaeaea; }
.hostList tr		{  }
.hostList td		{ padding:10px 0 10px 10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.hostList th.none, .hostList td.none	{ border-right:0; }


/*Q&A*/

.faq1		{ width:100%; padding:15px 0 15px 20px; background:#f4f4f4; }
.faq1 dt	{ font-size:18px; color:#960; font-weight:bold; line-height:3em;}
.faq1 dd	{ font-size:14px; color:#666;  line-height:1.6em;}
.faq2		{ width:100%; padding:15px 0 15px 20px; background:#eaeaea; }
.faq2 dt	{ font-size:18px; color:#960; font-weight:bold; line-height:3em;}
.faq2 dd	{ font-size:14px; color:#666;  line-height:1.6em; }

/*sponser*/
.sponser			{ font-size:12px; }
.sponser h3			{ padding:10px 0 10px 10px; border-bottom:1px solid #ccc; color:#999; }
.sponser p			{ padding:10px 0; }
.sponser table th	{ padding:10px; font-weight:normal; }

.sponser input		{ padding:3px; border:1px solid #ccc; }
.sponser textarea	{ width:600px; height:250px; padding:3px; border:1px solid #ccc; }
.sponser img.btn	{ padding:10px 0 0 330px; }

.briefing_request			{ font-size:12px; }
.briefing_request h3			{ padding:10px 0 10px 10px; border-bottom:1px solid #ccc; color:#999; }
.briefing_request p			{ padding:10px 0; }
.briefing_request table th	{ padding:10px; font-weight:normal; }

.briefing_request input		{ padding:3px; border:1px solid #ccc; }
.briefing_request textarea	{ width:600px; height:250px; padding:3px; border:1px solid #ccc; }
.briefing_request img.btn	{ padding:10px 0 10px 370px; }

/*briefing_request
.briefing_request			{ font-size:12px; }
.briefing_request h3		{ margin-bottom:20px; }
.briefing_request table		{ border-top:1px solid #666; }
.briefing_request th		{ width:150px; padding:20px; border-bottom:1px dotted #999; background:#eaeaea; font-weight:normal; }
.briefing_request td		{ padding:10px; border-bottom:1px dotted #999; }
.briefing_request td input	{ height:30px; }*/


/*profile*/

.profile_list_wrap  {  width:100%; margin:0 auto; }
.profile_list_wrap .profile_list  { padding:30px 0; font-size:0;}
.profile_list_wrap .profile_list dl {position:relative; display:inline-block; width:23.9%; margin:15px 15px 0 0; z-index:90; }
.profile_list_wrap .profile_list dl:nth-child(4n) { margin:15px 0 0 0; }
.profile_list_wrap .profile_list dl img {width:100%;}
.profile_list_wrap .profile_list dl dd {position:absolute; bottom:0; left:0; padding:15px; background:rgb(0,0,0,0.8); color:#c93;} 
.profile_list_wrap .profile_list dl a { display:block; width:100%; height:100%; color:#c93;border:1px solid #fff;  } 
.profile_list_wrap .profile_list dl a:hover {  width:100%; height:100%; color:#fff;border:1px solid #c93;  } 
.profile_list_wrap .profile_list ul li:first-of-type {font-size:40px; font-weight:bold;}
.profile_list_wrap .profile_list ul li:last-of-type {font-size:20px; font-weight:bold;}
.profile_list_wrap .profile_list ul li span {font-size:12px; }
.profile												{ width:100%; }


.profile .gallery_head  { font-size:0;}
.profile .gallery_head dl { position:relative;display:inline-block; width:33.3%; height:450px; overflow:hidden;}
.profile .gallery_head dt img {  }
.profile .gallery_head dd { position:absolute; padding:15px; font-size:12px; color:#c93; top:372px; line-height:2em; background:rgb(0,0,0,0.7);}
.profile .gallery_head dd span { font-size:24px; color:#c93; font-weight:bold; }

.profile .profileTitle									{ height:35px; padding-top:15px ; margin-bottom:15px; font-size:30px; color:#666; text-align:center; }

.profile .profileTitle span a 						{ float:right; padding:10px; font-size:13px; color:#fff; text-align:center; background:#000; }
.profile .profileTitle span a:hover				{ ; background:#c93; }
.profile .profileBox								{  font-size:0;}
.profile .profileBox .nameBox,.profile .profileBox .listImg,.profile .profileBox .mainImg { display:inline-block; vertical-align:top;}

.profile .profileBox .nameBox { width:37.7%;background:#963; padding:5%; height:580px;}
.profile .profileBox .nameBox .intro					{ width:180px; height:100px; }
.profile .profileBox .nameBox .intro .nameko			{ font-size:48px; font-weight:bold; color:#FFF; }
.profile .profileBox .nameBox .intro .nameen			{ font-size:18px; color:#FFF; line-height:1.5em; }
.profile .profileBox .nameBox .intro .group				{ font-size:18px; color:#FFF; }
.profile .profileBox .nameBox .profile  {padding:10px 0; font-size:14px;color:#fff; }
.profile .profileBox .nameBox .profile ul  {font-size:0;}
.profile .profileBox .nameBox .profile ul li { margin-bottom:5px; display:inline-block;  font-size:14px; }
.profile .profileBox .nameBox .profile ul li:first-child { width:20%; font-weight:bold; }
.profile .profileBox .nameBox .profile p { margin-top:20px;font-size:14px; line-height:20px; text-align:justify;}
.profile .profileBox .nameBox .nameMenu					{border-top:1px solid #fff;padding-top:15px;  bottom:50px; left:50px;  }
.profile .profileBox .nameBox .nameMenu button:hover	{ color:#333; font-size:12px; }
.profile .profileBox .nameBox .nameMenu a {display: inline-block;}
.profile .profileBox .nameBox .nameMenu .on		{ margin:0; padding:0; width:44px; color:#3cf; font-size:12px; text-align: left; }
.profile .profileBox .nameBox .nameMenu .off	{ margin:0; padding:0; width:44px;  color:#FFF; font-size:12px; text-align: left; }

.profile .profileBox .listImg { width:10%; text-align:center;}
.profile .profileBox .listImg ul { font-size:0;}
.profile .profileBox .listImg li	{display:inline-block; width:80%;  margin-bottom:15px; }
.profile .profileBox .listImg li img	{ vertical-align:middle; cursor:pointer; width:100%;}

.profile .profileBox .mainImg			{ position:relative; width:460px; height:690px; }
.profile .profileBox .mainImg li		{ display:inline-block;  }
.profile .profileBox .mainImg .btn_l	{ position:absolute; top:45%; left:15px;  z-index:99; width:25px; margin:0; padding:0; }
.profile .profileBox .mainImg .btn_r	{ position:absolute; top:45%; right:15px; z-index:99; width:25px; margin:0; padding:0; }

.viewWrap		{ position:relative;width:460px;  height:690px; overflow:hidden; }
.viewImg		{ position:absolute; width:460px;height:690px; left:0; top:0; line-height:690px; width:3000px; }
.viewImg li		{ width:460px; height:690px; margin:0 auto; text-align:center;}
.viewImg img	{ vertical-align:middle; }


/*record*/

.record { width:100%; }
.record .recordTitle { width:100%; margin-bottom:5px; font-size:18px; color:#333; font-weight:bold; text-align:center; }
.record .recordList { width:100%; border-top:2px solid #666; border-bottom:1px solid #666; border-right:1px solid #ccc; font-size:11px; color:#666; font-size:13px;}
.record .recordList th { padding:10px 0; border-left:1px solid #ccc; border-bottom:1px solid #666; text-align:center; }
.record .recordList td { padding:10px 0 10px 3px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center;  }
.record .recordList td.line { border-bottom:1px solid #666; }

@media(min-width:320px) and (max-width: 757px){
.profile_list_wrap .profile_list dl {position:relative; display:inline-block; width:42%; margin:15px; z-index:90; }
.profile_list_wrap .profile_list dl:nth-child(4n) { margin:15px; }
.profile_list_wrap .profile_list dl:nth-child(odd) {  margin:15px 0 15px 15px;}

.profile_list_wrap .profile_list ul li:first-of-type {font-size:25px; font-weight:bold;}
.profile_list_wrap .profile_list ul li:last-of-type {font-size:14px; font-weight:bold;}
.profile_list_wrap .profile_list ul li span {font-size:10px; }


.profile												{ width:100%; }

.profile .gallery_head  { font-size:0;}
.profile .gallery_head dl { position:relative;display:inline-block; width:33.3%; height:200px; overflow:hidden;}	
.profile .gallery_head dt { width:100%;  }
.profile .gallery_head dt img { width:100%;  }
.profile .gallery_head dd { position:absolute; padding:5px; font-size:12px; color:#c93; top:142px; line-height:2em; background:rgb(0,0,0,0.7);}
.profile .gallery_head dd span { font-size:18px; color:#c93; font-weight:bold; }

.profile .profileTitle									{ height:35px; padding-top:25px ; margin-bottom:10px; font-size:14px; color:#666; text-align:center;  vertical-align:middle;}
.profile .profileTitle span a 						{ float:none; padding:5px; margin-left:5px;font-size:11px; color:#fff; text-align:center; background:#000; }
.profile .profileTitle span a:hover				{ ; background:#c93; }
.profile .profileBox								{  font-size:0;}
.profile .profileBox .nameBox,.profile .profileBox .listImg,.profile .profileBox .mainImg { display:inline-block; vertical-align:top;}

.profile .profileBox .nameBox { width:90%;background:#963; padding:5%; height:550px;}
.profile .profileBox .nameBox .intro					{ width:180px; height:100px; }
.profile .profileBox .nameBox .intro .nameko			{ font-size:30px; font-weight:bold; color:#FFF; }

.profile .profileBox .nameBox .nameMenu					{border-top:1px solid #fff;padding-top:15px;  bottom:50px; left:50px;  }
.profile .profileBox .nameBox .nameMenu button:hover	{ color:#333; font-size:12px; }
.profile .profileBox .nameBox .nameMenu a {display: inline-block; }
.profile .profileBox .nameBox .nameMenu .on		{ width:20%; margin:5px 0; padding:0;  color:#3cf; font-size:12px; text-align: left; }
.profile .profileBox .nameBox .nameMenu .off	{width:20%;margin:5px 0; padding:0;   color:#FFF; font-size:12px; text-align: left; }

.profile .profileBox .listImg { width:100%; text-align:center;}
.profile .profileBox .listImg ul { font-size:0;}
.profile .profileBox .listImg li	{display:inline-block;; width:33.3%;  margin-bottom:0px; }
.profile .profileBox .listImg li img	{ vertical-align:middle; cursor:pointer; width:100%; }

.profile .profileBox .mainImg			{ position:relative; width:100%; height:690px; }
.profile .profileBox .mainImg li		{ float:left;  }
.profile .profileBox .mainImg .btn_l	{ position:absolute; top:45%; left:15px;  z-index:99; width:25px; margin:0; padding:0; }
.profile .profileBox .mainImg .btn_r	{ position:absolute; top:45%; right:15px; z-index:99; width:25px; margin:0; padding:0; }

.viewWrap		{ position:relative;width:100%;  height:690px; overflow:hidden; }
.viewImg			{ position:absolute; width:100%;height:690px; left:0; top:0;  width:3000px; }
.viewImg li		{ width:460px; height:690px; text-align:center;}
.viewImg img	{ vertical-align:middle; }

}