#nav_top {
  background:url(/img/header_bg.jpg) #efefef repeat-x;
  width:100%; line-height:18px; font-size:12px; letter-spacing:1px; color:#666;
  }
label,p{ padding:0; margin:0;}
ul,li{ margin:0; padding:0; border:0; list-style:none;}
#nav_top a,#nav_bottom a{ text-decoration:none;}
/* nav_top */
#nav_top_header{ width:780px; height:110px; margin:0 auto; position:relative; text-align:left;}
#nav_top_header h1,p{ margin:0; padding:0;}
.posi_ab{ position:absolute;}
#nav_top_header h1 a{ display:block; width:200px; height:64px; background:url(/img/ezpeer_logo.png); text-indent:-9999px; top:10px; left:5px;}
p.reg{ width:400px; top:10px; right:5px; text-align:right; font-size:13px;}

ul.channel a,p.reg a,ul.menu_pay a,#nav_bottom_inner a{ color:#666;}
ul.channel a:hover,p.reg a:hover,ul.menu_pay a:hover,#nav_bottom_inner a:hover{ color:#06F;}

#search_type { position:absolute; display:block; width:46px; background-color:#FFF; border:1px solid #AAA; left:4px; top:4px; z-index:999; overflow:auto; font-size:13px;}
#search_type ul{ padding:2px;}
#search_type li{ padding-left:5px; height:22px; line-height:22px;}
.search_type_over{ background:#efefef;}
.rounded-corners {
	 border:1px solid #AAA;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.shadow {
	box-shadow: 1px 1px 3px #AAA;
	-moz-box-shadow: 1px 1px 3px #AAA;
	-webkit-box-shadow: 1px 1px 3px #AAA;
	}

#nav_top_header form.searchbar{ width:480px; height:28px; background:url(/img/searchbar.gif) no-repeat; top:39px; left:212px; margin:0; padding:0; z-index:0;}
#nav_top_header input.selectbar{ width:45px; height:19px; font-size:13px; margin:5px 4px 0; border:0 none; background:none; cursor:pointer}
#nav_top_header input.ps{ width:350px; color:#999; padding:0 5px; margin-top:3px; margin-right:2px; margin-bottom:3px; border:0 none;}
#nav_top_header a.sumit{ display:block; width:55px; height:22px; background:url(../img/searchbar.gif) -423px -3px no-repeat; color:#fff100; font-size:15px; text-align:center; top:3px; left:422px; line-height:22px;}
#nav_top_header a:hover.sumit{ background-position:-423px -33px; color:#000; text-decoration:none;}
#nav_top_header a.browse{ display:block; width:72px; height:22px; background:url(../img/searchbar.gif) 0 -33px; font-size:13px; color:#000; top:43px; right:6px; padding-left:5px; line-height:22px;}
#nav_top_header a:hover.browse{ background-position: -80px -33px; color:#000; text-decoration:none;}

#nav_top_header ul.channel{ top:88px; left:5px; border-left:1px solid #999;}
#nav_top_header ul.channel li{ float:left; border-right:1px solid #999; padding:0 6px;}
#nav_top_header ul.menu_pay{ top:88px; right:5px;}
#nav_top_header ul.menu_pay li{ float:left; padding:0 6px;}

/* singer_browse */
#singer_browse{ position:relative; width:745px; height:220px; background:url(../img/singer_browse_bg.jpg) no-repeat; padding-left:35px; padding-top:10px; margin:0 auto; display:none;}
#type_area{ width:150px; top:20px;}
#singer_area{ width:545px; left:205px; top:20px;}
#singer_browse label{ font-size:15px; color:#F60; letter-spacing:1px;}
#singer_browse .greybr{ border:2px solid #999;}
#singer_browse li{ font-size:13px;}
#type_area_inn{ width:146px; height:160px; margin-top:2px; background:#FFF; overflow:auto;}
#type_area_inn li{ height:20px; line-height:20px;}
#type_area_inn a{ display:block; padding-left:5px; color:#666;}
#type_area_inn a:hover{ background:#efefef; color:#333; text-decoration:none;}
#type_area_inn a.mark{ background:#F60; color:#FFF;}

#singer_area_inn{ width:541px; height:160px; margin-top:2px; background:#FFF;}
#singer_area_inn li{ float:left;}
#singer_area_inn ul.singer_change{ float:left; width:195px; height:22px; border-right:1px solid #bbb; border-bottom:1px solid #bbb; background:#efefef;}
#singer_area_inn ul.singer_singer{ float:right; width:345px; height:22px; border-bottom:1px solid #bbb; background:#efefef;}
ul.singer_change li a,ul.singer_singer li a{ display:block; width:40px; height:22px; text-align:center; border-right:1px solid #bbb; color:#666;}
#singer_browse a.select{ border-bottom:1px solid #FFF; background:#FFF;}
#singer_change1,#singer_change2{ float:left; width:175px; height:128px; border-right:1px solid #bbb; padding:5px 10px;}
#singer_change1 li,#singer_change2 li{ float:left; width:21px; height:25px; line-height:25px; text-align:center;}
#singer_change1 li a.other{ width:42px;}
#singer_change1 li a,#singer_change2 li a{ display:block; width:21px; height:25px; color:#666;}
#singer_change1 li a:hover,#singer_change2 li a:hover{ background:#efefef; color:#333;}
.singer_list{ float:right; width:345px; height:137px; overflow:auto;}
.singer_list li{ float:none; width:100%;}
.singer_list li a{ display:block; padding-left:5px; line-height:22px; color:#666;}
.singer_list li a:hover{ background:#F60; color:#FFF; text-decoration:none;}
#type_area_inn{ scrollbar-face-color: #ebebeb; scrollbar-highlight-color: #bbb; scrollbar-shadow-color: #bbb; scrollbar-3dlight-color: #fff; scrollbar-arrow-color: #888; scrollbar-track-color: #FFF; scrollbar-darkshadow-color: #fff;}
#singer_browse a.singer_select{ background:#F60; color:#FFF;}
#close_win{ top:10px; right:15px;}

/*foot*/
#nav_bottom{ width:100%; background:url(../img/nav_bottom_bg.jpg) repeat-x; color:#666; margin-top:10px; padding-top:12px; line-height:18px; font-size:12px; letter-spacing:1px;}
#nav_bottom_inner{ width:710px; padding:5px 25px; margin:0 auto; text-align:left;}
#nav_bottom_inner label{ border-left:2px solid #777; padding-left:5px; font-weight:bold;}
#nav_bottom_inner ul{ width:118px; float:left;}
#nav_bottom_inner ul li{ padding:3px 0 0 7px;}

#site_info{ font-size:11px; color:#000; line-height:18px; letter-spacing:1px; padding:10px 0; text-align:center; background:#efefef;}

/*ie msg*/
#ie_msg a{ background:url(../img/ie.gif) no-repeat; width:300px; height:123px; text-indent:-9999px; position:fixed; right:0; bottom:0; z-index:999; display:block}
#ie_msg a:active{ visibility: hidden;}

/*colorbox Start - by lawrence 10/04/15 */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:hidden;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; background:#FFF;	border: 3px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;	
	-moz-border-radius: 7px;
	border-radius: 7px;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:32px;border:0px solid #000;border-radius: 7px;-webkit-border-radius: 7px;-khtml-border-radius: 7px;	-moz-border-radius: 7px;}
        #cboxLoadedContent{background:#2F2F2F;}
        #cboxLoadingGraphic{background:url(/img/colorbox/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/img/colorbox/controls.png) 0 0 no-repeat;}
				#cboxClose{text-indent:-9999px; width:45px; height:20px; position:absolute; top:-20px; background:url(/img/colorbox/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:74px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:52px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-125px 0px; right:0;}
        #cboxClose.hover{background-position:-125px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:96px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:74px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:74px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
/*colorbox End - by lawrence 10/04/15 */