* {margin: 0; padding: 0;}
a {outline: none; text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: none;}
ol, ul, li {list-style: none;} 
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* ie6 */
*html #members_place {height: 730px;}
*html #tour02_page .menu_holder, *html #tour03_page .menu_holder {display: inline-block;}

/* layout */
html {}
body {font: 62.5%/1.4 Tahoma, sans-serif; background: #001f42;}
#page {width: 893px; margin: 0 auto; background: url(../images/bg/page_border.png) left top repeat-y; padding: 0 11px 0 13px; position: relative;}
#content {position: relative;}
#join_page #content {background: url(../images/bg/top.jpg) left top no-repeat;}
#index_page #content {padding-top: 452px; background: url(../images/bg/index_top.jpg) left 0 no-repeat;}
#members_page #content {padding-top: 169px; background: url(../images/bg/members_top.jpg) left top no-repeat;}
#tour02_page #content {padding-top: 930px; background: url(../images/bg/tour_02_top.jpg) left top no-repeat;}
#tour03_page #content {padding-top: 930px; background: url(../images/bg/tour_03_top.jpg) left top no-repeat;}
#footer {background: url(../images/bg/footer.jpg) center top repeat-y;}

.left_decor, .right_decor {display: block; position: absolute; text-indent: -200em; overflow: hidden; top: 0;}
.left_decor {background: url(../images/bg/left.jpg) left top no-repeat; width: 142px; height: 930px; left: -134px;}
.right_decor {background: url(../images/bg/right.jpg) left top no-repeat; width: 152px; height: 963px; right: -146px;}

/* header*/
#logo {position: absolute; top: 64px; left: 45px;}
#join_page #logo {left: 36px;}
#index_page #logo {top: 66px; left: 35px;}
#members_page #logo {top: 14px; left: 35px;}
#tour02_page #logo, #tour03_page #logo {top: 50px; left: 3px;}
	#logo a {display: block; text-indent: -200em; overflow: hidden; background: url(../images/all/logo.jpg) left top no-repeat; width: 396px; height: 145px;}
	#index_page #logo a {background: url(../images/all/logo_02.jpg) left top no-repeat;}
	#members_page #logo a {background: url(../images/all/logo_03.jpg) left top no-repeat;}
	#tour02_page #logo a {background: url(../images/all/logo_04.jpg) left top no-repeat; width: 397px; height: 143px;}
	#tour03_page #logo a {background: url(../images/all/logo_05.jpg) left top no-repeat; width: 397px; height: 144px;}

/* join page */
.box {background: url(../images/bg/center.jpg) 1px 477px no-repeat; height: 930px; position: relative;}
.place {width: 454px; height: 422px; background: url(../images/bg/place.jpg) left top no-repeat; position: absolute; top: 260px; left: 25px;}
.click_here {display: block; margin-left: 1px;}
.all .click_here {margin-left: 0;}
#join_page .hot_clips {position: absolute; top: 638px; left: 508px;}
#menu_sub {background: url(../images/bg/repeater.png) left top repeat-x; width: 892px; text-align: center; padding: 65px 0 60px;}
.all #menu_sub {margin-left: 0;}
#menu_sub li {display: inline; font-size: 1.2em; font-weight: bold; color: #fff;}
#menu_sub li a {color: #fff;}

/* index page */
#index_page .hot_clips {display: block; width: 249px; height: 126px; position: absolute; top: 156px; left: 429px;}
	#index_page .hot_clips img {display: block; width: 249px; height: 126px;}
.scroll_block {position: absolute; top: 269px; left: 11px; background: url(../images/bg/scroll.png) left top no-repeat; width: 422px; height: 168px; overflow: hidden; padding: 8px 20px 2px 6px;}
.scroll_block_content {width: 435px; overflow: auto; height: 168px;}
.scroll_block ul {width: 1000px; overflow: hidden; padding: 0 10px 0 11px;}
.scroll_block li {float: left; display: block; margin-right: 1px;}
.scroll_block .pic {display: block; width: 102px; height: 133px;}
	.scroll_block .pic img {display: block; width: 100px; height: 133px; border: 1px solid #000;}
.scroll_block .name {font-weight: bold; color: #000; font-size: 1em; display: block; text-align: center; padding-top: 2px;}	

.flash_01 {background: url(../images/bg/index_center.jpg) left top no-repeat; width: 893px; height: 461px; position: relative;}
	.request {display: block; width: 293px; height: 193px; position: absolute; top: 249px; left: 28px;}
	.request img {display: block; width: 293px; height: 193px;}
	#flash_holder {position: absolute; top: 198px; right: 32px; background: url(../images/bg/flash_content_01.png) left top no-repeat; width: 274px; height: 245px; padding: 9px 8px 8px 9px;}

.holder {background: #fff; border-bottom: 1px solid #0181d2; padding-bottom: 3px;}	

#tour02_page .bottom, #tour03_page .bottom {display: block; background: #fff; height: 66px; padding-bottom: 3px;}
#tour02_page .menu_holder, #tour03_page .menu_holder {border-top: 1px solid #0181d2; background: #fff;}
.menu_holder {background: #fff; padding-top: 3px;}
.menu_holder ul {background: url(../images/bg/menu_holder.jpg) left top no-repeat; height: 191px; position: relative;}
.menu_holder li {position: absolute;}
	.menu_holder .first {top: 21px; left: 7px;}
	.menu_holder .second {top: 0; left: 302px;}
	.menu_holder .third {top: 21px; left: 593px;}
	
/* members page */
.members_menu {background: url(../images/bg/members_menu.png) left top repeat-x; padding: 18px 0 18px 29px;}
.members_menu li {display: inline; margin-right: 15px;}
#members_place {min-height: 730px; background: #0181d2; padding: 15px 10px;}

/* tour 02 page */
.photo_flash_block_01 {}
.photo_flash_block_01 .pics {top: 480px; left: 66px;}
.pics {width: 404px; overflow: hidden; position: absolute;}
.pics li {display: block; float: left; padding: 0 2px 2px 0;}
.pics li a {display: block;}
.pics li img {border: 1px solid #fff; display: block; width: 198px; height: 198px;}

.photo_flash_block_01 .episode_holder {top: 480px; right: 71px;}
.episode_holder {position: absolute; background: url(../images/bg/flash.jpg) left top no-repeat; width: 320px; height: 240px; padding: 7px 4px 45px 4px;}
.photo_flash_block_01 .text {top: 785px; right: 71px;}
.text {position: absolute; background: url(../images/bg/text.png) left top no-repeat; font-size: 1.2em; color: #e9f3ff; width: 295px; height: 96px; line-height: 1.2em; padding: 12px 16px 0;}
.photo_flash_block_01 .hot_clips {position: absolute; top: 310px; left: 462px;}

.photo_flash_block_02 {background: url(../images/bg/tour_02_bottom.jpg) left top no-repeat; height: 500px; position: relative;}
.photo_flash_block_02 .pics {top: 50px; left: 66px;}
.photo_flash_block_02 .episode_holder {top: 50px; right: 71px;}
.photo_flash_block_02 .text {top: 354px; right: 71px;}

/* tour 03 page */
#tour03_page .photo_flash_block_02 {background: url(../images/bg/tour_03_block_02.jpg) left top no-repeat; text-indent: -200em; overflow: hidden;}
#tour03_page .photo_flash_block_01 .hot_clips {top: 320px; left: 617px;}

#tour03_page .photo_flash_block_01 .pics {top: 492px; left: 64px;}
#tour03_page .photo_flash_block_01 .episode_holder {top: 492px; right: 73px;}
#tour03_page .photo_flash_block_01 .text {top: 796px; right: 73px;}

/* error */
.error-container {
    text-align: center;
    margin-top: 15%;
    font-size: 0.8em;
    font-weight: bold;
    color: white;
}
.error {
    width: 70%;
    margin: 0 auto;
}
.error-button {
    margin: 0 auto 30px;
    padding: 30px;
    width: 270px;
    border-bottom: 1px solid #0589e2;
}