/* *************************** 
   $HOME Website Structure Styles
   ***************************/
#container {
	width:960px;
	height:100%;
	position: relative;
	margin: 0 auto;

	/*
	padding-left:9px;
	padding-right:9px;
	*/
}
   
#header, #main, #footer {
	width:960px;
	position:relative;
	clear:both;
	margin: 0 auto;
}

#navigation, #content, #promotion {
	width:960px;
}

/*308 + 2*2 + 5 + 3 = 320 */
.box-320 {
	width: 320px;
	height: 144px;
	overflow: hidden;
	float: left;
	margin: 3px 0px 3px 0px;
	/*border: solid 2px #9CC1CF;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; */
}

/*468 + 2*2 + 5 + 3 = 480*/
.box-480 {
	width: 468px;
	height: 141px;
	overflow: hidden;
	float: left;
	margin: 3px 5px 3px 3px;
	border: solid 2px #9CC1CF;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; 
}
.box-480se {
	width: 474px;
	height: 141px;
	overflow: hidden;
	float: left;
	margin: 3px 0px;
	border: solid 2px #9CC1CF;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
/*636 + 2*2 + 3 = 640*/
/*284 + 2*2 = 293*/
.box-640 {
	width: 628px;
	height: 290px;
	overflow: hidden;
	float: left;
	border: solid 2px #9CC1CF;
	margin: 3px 5px 3px 3px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; 
}

.box-960 {
	widows: 958px;
	overflow: hidden;
	margin: 3px 0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; 
}

.clear {
	clear: both;
}
.header-frame {
	position:absolute;
	width:960px;
	height:70px;
	/*z-index:2;*/
}
#header .logo {
	/*position:absolute;*/
	top:25px;
	left:0;
	/*position:absolute;
	top:0;
	left:0;
	width:960px;
	text-align:left;
	overflow:hidden;
	z-index:1;*/
}
#header .logo img#logo_img{
	/*position:absolute;*/
	top:0px;
	left:0;
	text-align:left;
	/*position:absolute;
	top:0;
	left:0;
	width:960px;
	text-align:left;
	overflow:hidden;
	z-index:1;*/
	
}
.new_btn
{
	position: absolute;
	/*position:relative;*/
	top:34px;/**/
	left:740px;
	border:0px;
	border-width:0px;
	border-style:none;
	border:none;
}
.new_btn img
{
	border:0px;
	border-width:0px;
	border-style:none;
	border:none;
}
} img{
	position:absolute;
	top:0px;
	left:0;
	text-align:left;
	/*position:absolute;
	top:0;
	left:0;
	width:960px;
	text-align:left;
	overflow:hidden;
	z-index:1;*/
}
.nav_top {
	width:960px;
	height:25px;
	line-height:22px;
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;	
	background-color:#333;
	margin-bottom:0px;
}

.nav_top .member_login{
	position:absolute;
	height:25px;
	color:#FFF;
	font-size:14px;
	top:2px;
	left:6px;
}
.nav_top .member_login a{
	color:#FFF;
	font-size:14px;
}
.nav_top .member_login a:hover{
	color:#09F;
	font-size:14px;
	text-decoration: none;
}
.nav_top .member_logout{
	position:absolute;
	height:25px;
	color:#FFF;
	font-size:14px;
	top:6px;
	left:6px;
}
.nav_top .member_logout a{
	color:#FFF;
	font-size:14px;
}
.nav_top .member_logout a:hover{
	color:#09F;
	font-size:14px;
	text-decoration: none;
}
.nav_top .nav_member_name{
	color:#F00;
	font-weight:bold;
}
.nav_top .nav_main {
	position:relative;
	float:right;
	color:#FFFFFF;
	top:2px;
	padding-right:5px;
}
.nav_top .nav_main a{
	color:#FFFFFF;
	font-size:14px;
	
}
.nav_top .nav_main a:hover{
	color:#09F;
	font-size:14px;	
	text-decoration: none;
}
.login_box{
	width:305px;
	margin:auto;
}
.login_box .hd{
	float:left;
	margin:auto;
	top:10px;
	background-image:url(/images/EWL/login/login_in_01.png);
	background-repeat:no-repeat;
	width:305px;
	height:70px;
	z-index:0;
	position:relative;
}
.login_box .hd_mem{
	float:left;
	margin:auto;
	top:10px;
	background-image:url(/images/EWL/login/member-pw.png);
	background-repeat:no-repeat;
	width:305px;
	height:70px;
	z-index:0;
	position:relative;
}
.login_box .close{
	margin-left:272px;
	/*background-image:url(../../../../images/EWL/login/login_but_01.png);*/
	background-repeat:no-repeat;
	width:58px;
	height:52px;
	z-index:3;
	position:absolute;
}
.login_box .close img{ border:0;}
.login_box .line_01{
	float:left;
	background-image:url(/images/EWL/login/login_in_02.png);
	background-repeat:no-repeat;
	width:305px;
	height:7px;
	top:80px;
}
.login_box .main{
	float:left;
	background-image:url(/images/EWL/login/login_in_03.png);
	width:305px;
	height:234px;
	position:relative;
	margin-right:2px;
}
.login_box .line_02{
	float:left;
	background-image:url(/images/EWL/login/login_in_04.png);
	background-repeat:no-repeat;
	width:305px;
	height:7px;
	bottom:99px;
}
.login_box .but{
	float:left;
	background-image:url(/images/EWL/login/login_in_05.png);
	width:305px;
	height:63px;
	position:relative;
	margin-right:2px;
}
.login_box .ft{
	float:left;
	background-image:url(/images/EWL/login/login_in_06.png);
	width:305px;
	height:36px;
	position:relative;
	margin-right:2px;
}
#TB_window .login_box .memer_in a:hover{
	float:left;
	margin-top:33px;
	margin-left:28px;
	color:#00F;
	font-weight:bolder;
	font-size:13px;
	text-decoration: underline;
	width:100px;
	height:30px;
}
.login_box .login_in{
	float:right;
	/*background-image:url(../../../../images/EWL/login/login_but_in.png);*/
	width:121px;
	height:48px;
	position:relative;
	margin-right:6px;
	margin-top:6px;
}
.login_box .inp_txt_01{
	position:relative;
	text-align:left;
	padding-top:6px;
	padding-left:30px;
	color:#6d6d6d;
	font-size:15px;
	font-weight:bold;
	height:18px;
	float:left;
}
.login_box .inp_txt_02{
	float:right;
	position:relative;
	color:#6d6d6d;
	font-size:13px;
	height:18px;
	padding-top:8px;
	padding-right:23px;
}
.login_box .inp_txt_03{
	position:relative;
	text-align:left;
	padding-top:6px;
	padding-left:30px;
	color:#6d6d6d;
	font-size:15px;
	font-weight:bold;
	height:25px;
	float:left;
}
.login_box .inp_txt_04{
	position:relative;
	text-align:left;
	padding-top:6px;
	padding-left:30px;
	color:#6d6d6d;
	font-size:15px;
	font-weight:bold;
	height:25px;
	float:left;
}
.login_box .inp_txt_05{
	position:relative;
	text-align:left;
	margin-top:45px;
	margin-left:50px;
	color:#6d6d6d;
	font-size:13px;
	font-weight:bold;
	height:25px;
	float:left;
}
.login_box .i_click{
	margin-top:79px;
	/*background-image:url(../../../../images/EWL/login/login_but_03.png);*/
	background-repeat:no-repeat;
	float:left;
	position:absolute;
	text-align:left;
	margin-left:30px;
}
.login_box .i_click .input_bg{
	background-color:none;
}

.login_box .country_01{
	background-color:#d3d3d3;
	border:0;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 2px 5px 3px 5px;
	color:#6d6d6d;
	width:230px;
	font-size:23px;
	font-weight:bold;
}
.login_box .country_02{
	background-color:#d3d3d3;
	border:0;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 2px 5px 3px 5px;
	color:#6d6d6d;
	width:235px;
	font-size:23px;
	font-weight:bold;
}
.login_box .country_03{
	background-color:#d3d3d3;
	border:0;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3px 6px 3px 5px;
	color:#6d6d6d;
	width:100px;
	font-size:23px;
	font-weight:bold;
}
.login_box .inp_01{
	background-image:url(/images/EWL/login/login_txt_bg_01.png);
	background-repeat:no-repeat;
	width:251px;
	height:41px;
	margin-left:30px;
	margin-top:25px;
	padding-top:6px;
	padding-left:5px;
	vertical-align:top;
	text-align:left;
}
.login_box .inp_02{
	background-image:url(/images/EWL/login/login_txt_bg_01.png);
	background-repeat:no-repeat;
	width:251px;
	height:41px;
	margin-left:30px;
	margin-top:25px;
	padding-top:6px;
	padding-left:5px;
	vertical-align:top;
	text-align:left;
}
.login_box .inp_03{
	background-image:url(/images/EWL/login/login_txt_bg_02.png);
	background-repeat:no-repeat;
	width:121px;
	height:41px;
	margin-left:30px;
	margin-top:25px;
	padding-top:6px;
	padding-left:5px;
	vertical-align:top;
	text-align:left;
	position: absolute;
	float:left;
}
.login_box .re_img{
	float:right;
	padding-right:18px;
	position: relative;
	top:27px;
}
.login_box .re{
	float:right;
	padding-right:20px;
	position: relative;
	top:35px;
}
#TB_window .setFont{
	padding-top:10px;
	padding-left:15px;
	height:25px;
	font-size:38px;
	font-weight:bold;
}
#TB_window .login_box .memer_pw a{
	float:left;
	margin-top:35px;
	margin-left:20px;
	color:#F00;
	font-weight:bolder;
	font-size:13px;
	text-decoration: underline;
	width:100px;
	height:30px;
}
#TB_window .login_box .memer_pw a:hover{
	float:left;
	margin-top:33px;
	margin-left:20px;
	color:#F00;
	font-weight:bolder;
	font-size:13px;
	text-decoration: underline;
	width:100px;
	height:30px;
}
#TB_window .login_box .memer_in a{
	float:left;
	margin-top:35px;
	margin-left:28px;
	color:#00F;
	font-weight:bolder;
	font-size:13px;
	text-decoration: underline;
	width:100px;
	height:30px;
}
#TB_window .login_box .memer_in a:hover{
	float:left;
	margin-top:33px;
	margin-left:28px;
	color:#00F;
	font-weight:bolder;
	font-size:13px;
	text-decoration: underline;
	width:100px;
	height:30px;
}
.box-srh-engine{	/*upd by Hamburger 2013/07/11*/
	margin:25px 5px; /*ORI*/
	/*margin:5px; New*/
}
#imgcmdSearch{
	padding-left:20px;
}

/**新搜尋引擎css設定**/
#srh-div{
	width:450px;
	height:100px;
	font-size:13px;
}
#srh-div ul{	/*upd by Hamburger 2013/07/11*/
	width:320px; /*ORI*/
	list-style:none;
	line-height:30px;
	padding-left:20px;/*ORI*/
}
#srh-div li{	/*upd by Hamburger 2013/07/11*/
	/*line-height:30px; ORI*/
	line-height:25px;
	margin-right:5px;
	float:left;
}
#srh-div p{
	position:absolute;
	left:340px;
}
/*upd by Hamburger 2013/07/11*/
/*#srh-div li input{ ORI*/
#srh-div li input[type=text]{
	width:80px;
}
#srh-div input[type=button]{
	cursor:pointer;
	float:right;
	/*position:absolute;
	left:340px;
	top:50px;*/
	background:url(/TN/TWC/EWLADM/Setting/001576/Style/BASIC0001/images/btn_search.gif);
	width:88px;
	height:44px;
	border:none;
	outline:none;
	margin-top:30px;
	margin-right:10px;
}

