@import "main.base.css";

body{ 
	background: url('/img/main/bg_body.png') repeat; 
	font-size: 15px;
	font-family: 微軟正黑體, Verdana, 'BitStream vera Sans';
/*	text-shadow: 3px 3px 3px #bbb;*/
}

/*	全版撐開包覆框	*/
#bodywrapper, #footerwrapper
{ width: 100%; }

/*	指定主要置中內容框之大小	*/
#bodycenter, #footercenter
{ width: 960px; margin: 0px auto; }


/*	指定主要功能區塊的大小	*/
#toppanel
{ width: 630px; height:43px; }
#leftpanel, #loginhd
{ width: 301px; }


/*	指定所有區塊之外框或背景圖	*/
#bodywrapper{ background: url('/img/main/bg_body_wrapper.png') repeat-x; }

/*#footerwrapper{ background: url('/img/main/bg_footer.png') repeat-x; height: 52px; }*/
#footerwrapper{ background: url('/img/main/bg_body_footer.png') repeat-x;  height: 100px; }
/*#footerwrapper{ background: url('/img/main/08.png') repeat-x;  height: 68px; }*/
#toppanel{ background: url('/img/main/bg_toppanel.png') no-repeat; }

#toplogo{ width: 273px; height: 94px; background: url('/img/main/toplogo.png'); margin: 0px auto; display: block; }

#loginhd, #loginhd_login, #loginbd, #loginft, #funchd, #funchd2, #funcbd, #funcft, #buyhd, #buybd, #buyft
{ background: url('/img/main/bg_leftnav.png') repeat-y; }

#loginhd{ height: 64px; background-position: left top; }
#loginhd_login{ height: 64px; background-position: left top; }
#loginbd{ background-position: -602px top; }
#loginft{ height: 31px; background-position: -301px top; }

#funchd, #funchd2{ height: 55px; background-position: left -64px; margin-top: 5px; }
#funchd h2, #funchd2 h2{ background: url('/img/main/box_title.png'); width: 206px;  height: 52px; }
#funchd h2{ background-position: 0px -104px; }
#funchd2 h2{ background-position: 0px -156px; }
#funcbd{ padding: 10px 0px; background-position: -602px 0px; }
#funcft{ height: 32px; background-position: -301px -64px; }
/*
#buyhd{ padding-top: 5px; height: 34px; background-position: 0px -57px; }
#buyhd h2{ margin-left: 20px; width: 193px;  height: 27px; background-position: 0px -84px; }
#buybd{ padding: 6px 0px; background-position: -708px 0px; }
#buyft{ height: 28px; background-position: -236px -48px; }
*/


#input_username, #input_password, #input_imageck, #input_nickname, #input_pointvalue
{ background:url('/img/main/bg_input.png'); border: 0px none; margin-left: 8px; }

#input_username, #input_password, #input_nickname, #input_pointvalue
{ padding: 0px 4px; width: 136px; height: 32px; font-size: 18px; }
#input_username, #input_password, #input_nickname, #input_pointvalue, #input_imageck
{ *line-height: 36px;; }
#input_imageck, #input_pointvalue{
	width: 80px; height: 28px; background-position: 0px -40px; 
	border: 0px none; padding: 2px; _padding: 1px; text-align: right;
}
#input_imageck{ font-size: 13px; }
#input_pointvalue{ font-size: 18px; }
#img_imageck{ vertical-align: middle; }

#label_pointvalue { background: url('/img/main/btn.png'); background-position: 0px -613px; width: 72px; height: 20px; }
#label_pointvalue1{ background: url('/img/main/btn.png'); background-position: 0px -636px; width: 72px; height: 20px; }
#label_pointvalue2{ background: url('/img/main/btn.png'); background-position: 0px -659px; width: 72px; height: 20px; }

/*	設定主要功能區塊位置浮動偏移	*/
#toppanel{ float: right; }
#topnav{ list-style: none outside none; margin-left: 20px; padding-left:0; }
#topnav li{ float: left; position: relative; list-style: none outside none; }
#topnav li{ margin-top: 2px; margin-left: 20px; }
#leftpanel{ float: left; }
#loginbd #inputBox, #loginbd #loginBox{ margin: 8px auto; }
#loginbd #inputBox{ width: 160px; _width: 150px; float: left; padding-left: 15px; }
#loginbd #loginBox{ width: 100px; _width: 100px; height: 100px; float: right; padding-right: 16px; }
#loginbd .joinBox{ width: 284px; float: left; margin-left: 10px; }
#loginbd #btnBox{ width: 120px; float: right; margin-right: 10px; }

#contentpanel{ float: right; }

/*	分別指定所有按鈕之滑鼠移上效果	*/
#topnav_storepoint, #topnav_game, #topnav_download, #topnav_eula, #topnav_service
{ width: 92px; height: 36px; background: url('/img/main/btn_topnav.png'); }
#topnav_storepoint{ background-position: left 0px; }
#topnav_storepoint:hover { background-position: 92px 0px; }
#topnav_game{ background-position: left -36px; }
#topnav_game:hover { background-position: 92px -36px; }
#topnav_download{ background-position: left -72px; }
#topnav_download:hover { background-position: 92px -72px; }
#topnav_eula{ background-position: left -108px; }
#topnav_eula:hover { background-position: 92px -108px; }
#topnav_service{ background-position: left -144px; }
#topnav_service:hover { background-position: 92px -144px; }

#btn_forgetpw, #btn_login, #btn_logout, #btn_newbie, #btn_service, 
#btn_join, #btn_upgrade, #lpbtn_ranking, #btn_download_setup
{ background: url('/img/main/btn.png'); margin: 0px auto; }

#btn_service, #btn_upgrade, #btn_newbie{ width: 125px; height: 75px; margin: 5px 7px; _margin: 5px 6px 5px 0; float: left; }

.joinBox a{ float: left; }

#btn_login, #btn_logout{ width: 94px; height: 100px; border: 0px none; padding-right: 5px; margin-bottom: 5px; }
#btn_login:hover, #btn_logout:hover { background-position: -260px 0px; }

#btn_logout{ background-position: 0px -681px; margin-top: 56px; }
#btn_logout:hover { background-position: -260px -681px; }


#btn_join{ background-position: -1px -188px; width: 259px; height: 77px; margin-left: 10px; _margin-left: 0; }
#btn_join:hover { background-position: -259px -188px; }

#btn_newbie{ background-position: 0 -783px; }
#btn_newbie:hover{ background-position: -260px -783px; }

#btn_service{ background-position: 0px -534px; }
#btn_service:hover{ background-position: -260px -534px; }

#btn_upgrade{ background-position: 0px -457px; }
#btn_upgrade:hover{ background-position: -261px -457px; }

#btn_forgetpw{ width: 105px; height: 22px; }
#btn_forgetpw{ background-position: 0px -100px; }

#btn_download_setup{ width: 220px; height: 92px; background-position: 0 -265px; }
#btn_download_setup:hover { background-position: -260px -265px; }


#news_viewall{ width: 25px; height: 25px; margin-top: 2px; }
#news_viewall{ background-position: 0px -957px; }
#news_viewall:hover { background-position: 0px -957px; }

#input_username, #input_imageck{text-transform: uppercase;}

/*	指定段落樣式	*/
#logoBox{ text-align: center; }
/*#footercenter{ text-align: center; padding-top: 10px; color: darkgray; font-size: 13px; }*/
#footercenter{ padding-top: 55px; color: #FFF; font-size: 13px; margin-top: 10px; }
#footercenter p span{ text-shadow: 0px 0px 0px; margin-left: 10px; }
#footercenter img{ vertical-align: bottom; margin-bottom: -5px; }

/*	個別子頁面的共同元素樣式	*/