body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,p,blockquote,button,input {margin:0px; padding:0px;} 
body,h1,h2,h3,h4,h5,dl,dt,dd,th,td,p,form,fieldset,legend,input,textarea,div {font-size:12px; font-weight:normal;}

body, th, td {font-family:tahoma,verdana,arial,sans-serif; font-size:12px; color:#676767; line-height:15px; letter-spacing:0px;}

a:link {color:#676767; text-decoration:none;} 
a:visited {color:#676767; text-decoration:none;} 
a:active {color:#676767; text-decoration:none;} 
a:hover {color:#55ac5f; text-decoration:none;} 

ul {list-style:none;} 
img {border:0px;} 
table {border-collapse:collapse; table-layout:fixed;} 
table td {word-break:break-all;}

form, td, div, p, span, ul, li, dl, dt, dd, textarea, h1, h2, h3, h4,input {margin:0px; padding:0px; word-break:keep-all;} 

select {font-family:tahoma,verdana,arial,sans-serif; font-size:11px; color:#676767;} 

.left {float:left;} .right {float:right;} 
.clear {clear:both; line-height:0px; font-size:0px; width:0px; height:0px;} 
.al {text-align:left;} .ac {text-align:center;} .ar {text-align:right;} 
.at {vertical-align:top;} .am {vertical-align:middle;} .ab {vertical-align:bottom;} 
 
/* Space */ 
.sp1 {height:1px; width:1px; line-height:0px; font-size:0px; clear:both;} 
.sp2 {height:2px; width:1px; line-height:0px; font-size:0px; clear:both;} 
.sp3 {height:3px; width:1px; line-height:0px; font-size:0px; clear:both;} 
.sp4 {height:4px; width:1px; line-height:0px; font-size:0px; clear:both;} 
.sp5 {height:5px; width:1px; line-height:0px; font-size:0px; clear:both;} 
.sp6 {height:6px; width:1px; line-height:0px; font-size:0px; clear:both;} 
.sp7 {height:7px; width:1px; line-height:0px; font-size:0px; clear:both;} 
.sp8 {height:8px; width:1px; line-height:0px; font-size:0px; clear:both;} 
.sp9 {height:9px; width:1px; line-height:0px; font-size:0px; clear:both;} 
.sp10 {height:10px; width:1px; line-height:0px; font-size:0px; clear:both;} 
.sp12 {height:12px; width:1px; line-height:0px; font-size:0px; clear:both;} 
.sp13 {height:13px; width:1px; line-height:0px; font-size:0px; clear:both;} 
.sp15 {height:15px; width:1px; line-height:0px; font-size:0px; clear:both;} 
.sp17 {height:17px; width:1px; line-height:0px; font-size:0px; clear:both;} 
.sp18 {height:18px; width:1px; line-height:0px; font-size:0px; clear:both;} 
.sp20 {height:20px; width:1px; line-height:0px; font-size:0px; clear:both;} 
.sp25 {height:25px; width:1px; line-height:0px; font-size:0px; clear:both;} 
.sp30 {height:30px; width:1px; line-height:0px; font-size:0px; clear:both;} 
.sp35 {height:35px; width:1px; line-height:0px; font-size:0px; clear:both;} 
.sp40 {height:40px; width:1px; line-height:0px; font-size:0px; clear:both;} 
.sp50 {height:50px; width:1px; line-height:0px; font-size:0px; clear:both;} 


/* layout */ 
#all{width:100%; position:relative; text-align:center;} 

/* header */
#header {width:900px; height:70px; margin:10px auto 0 auto; text-align:left;} 
 
#logo {float:left; margin-left:8px; margin-top:7px; width:136px; height:49px;} 
#top_copy {float:left; margin-left:8px; margin-top:7px; padding-top:22px; width:165px; height:27px; font-size:11px; color:#333; line-height:14px; font-weight:bold;}
#btn {float:left; margin-left:5px; margin-top:37px; width:230px; height:23px;}
#btn li {float:left; font-size:0px; line-height:0px;}

#glob {float:right; margin-right:5px; width:125px; height:23px;}
#glob li {float:left; text-align:right; font-size:0px; line-height:0px; padding-left:15px;}

/* container */ 
#container {position:relative; margin:0 auto; width:900px; text-align:left;}

#mainmenu {margin-bottom:15px; width:900px; height:182px;} 

/* leftmenu */
#leftmenu {float:left; width:190px; height:325px; padding-bottom:5px; background:url(../imag/common/menu_left_bg.gif) no-repeat top;} 
#leftmenu ul {}
#leftmenu ul li {}
#leftmenu ul li img {vertical-align:top;}

#leftmenu_member {float:left; width:190px; height:210px;}
#leftmenu_aboutus {float:left; width:190px; height:210px;}
#leftmenu_store {float:left; width:190px; height:400px;} 
#leftmenu_weekly {float:left; width:190px; height:400px;} 
#leftmenu_customer {float:left; width:190px; height:210px;} 

/* contents */ 
#contents {float:right; width:660px; margin-bottom:35px;} 
#contents h1 {margin-bottom:35px;}
#contents h2 {margin:20px 0 8px 0; font-family:"trebuchet MS",tahoma,verdana,arial,sans-serif; font-size:15px; font-weight:bold; color:#e87253;}
#contents h2.fir {margin:0 0 8px 0;}
#contents .list {margin:10px 0;}
#contents .list li {background:url(../imag/common/icon1.gif) no-repeat 0 5px; padding:0 0 3px 10px;}
#contents p {padding-bottom:5px;}
#contents em {font-style:normal; color:#000; text-decoration:underline;}

/* copyright */ 
#copyright {clear:both; width:900px; height:106px; margin:0 auto; text-align:left; padding-top:10px;}

/* text */ 
a.scalet:link,
a.scalet:visited,
a.scalet:active {color:#f25d22; text-decoration:underline;} 
a.scalet:hover {color:#000; text-decoration:underline;}

/* tab */
.tab {margin-left:-5px; margin-bottom:15px;}

/* round block */
.tbg_t {margin-left:-5px; background:url(../imag/common/tbg_t.gif) no-repeat top left; width:665px; height:10px;position:relative; }
.tbg_c {margin-left:-5px; background:url(../imag/common/tbg_c.gif) repeat-y; width:625px; position:relative; padding:10px 20px;}
.tbg_b {margin-left:-5px; background:url(../imag/common/tbg_b.gif) no-repeat bottom left; width:665px; height:15px;position:relative; margin-bottom:20px;}


/* registration */
#reg {}
#reg dl {}
#reg dt {display:block; float:left; clear:left; width:170px; padding:7px 0 0 0;}
#reg dd {border-top:1px solid #ebebeb; padding:5px 0;}

#reg .box1 {border:1px solid #dbdbdb; background-color:#f8f8f8; padding:3px; font-family:tahoma,verdana,arial,sans-serif; line-height:12px; font-size:12px; color:#676767; height:12px;}
#reg .image {margin-left:170px;}

#reg fieldset {border:0;}
#reg legend {font-family:"trebuchet MS",tahoma,verdana,arial,sans-serif; font-size:15px; font-weight:bold; padding:0 0 20px 0; color:#000;}

/* sign in */
#sign {min-height:250px;}
#sign .bl1 {width:250px;; float:left; margin-right:30px;}
#sign .bl2 {width:270px; height:190px; float:left; padding-top:27px; padding-left:75px; background:url(../imag/member/bg_or.gif) no-repeat center left;}

#sign em {font-style:normal; color:#EA453C;}
#sign dl {}
#sign dt.tt {font-family:"trebuchet MS",tahoma,verdana,arial,sans-serif; font-size:15px; font-weight:bold; color:#000; padding:0 0 5px 0;}
#sign dd {border-bottom:1px solid #ebebeb; padding:3px 0 8px 0; margin-bottom:20px;}
#sign dd.last {border-bottom:0; margin-bottom:0px;}
	
#sign .box1 {border:1px solid #dbdbdb; background-color:#f8f8f8; padding:3px; font-family:tahoma,verdana,arial,sans-serif; line-height:12px; font-size:12px; color:#676767; height:12px; width:200px;}
#sign .image {}

#sign fieldset {border:0;}
#sign legend {font-family:"trebuchet MS",tahoma,verdana,arial,sans-serif; font-size:15px; font-weight:bold; padding:0 0 20px 0; color:#000;}

/* Forgot id or password */
#forgot em {font-style:normal; color:#EA453C;}
#forgot dd {margin-bottom:10px;}
#forgot dd.apply {border-bottom:1px solid #ebebeb; padding:3px 0 8px 0; margin-bottom:20px;}

#forgot .box1 {border:1px solid #dbdbdb; background-color:#f8f8f8; padding:3px; font-family:tahoma,verdana,arial,sans-serif; line-height:12px; font-size:12px; color:#676767; height:12px; width:200px;}
#forgot .image {}

#forgot fieldset {border:0;}
#forgot legend {font-family:"trebuchet MS",tahoma,verdana,arial,sans-serif; font-size:15px; font-weight:bold; padding:0 0 20px 0; color:#000;}

/* Contact Us */
#contact {}
#contact p {padding:5px 0;}

#contact dt {padding:3px 0;}
#contact dd {padding:3px 0;}

#contact .box1 {border:1px solid #dbdbdb; background-color:#f8f8f8; padding:3px; font-family:tahoma,verdana,arial,sans-serif; line-height:12px; font-size:12px; color:#676767; height:12px;}
#contact .box2 {border:1px solid #dbdbdb; background-color:#f8f8f8; padding:3px; font-family:tahoma,verdana,arial,sans-serif; line-height:12px; font-size:12px; color:#676767; width:485px; height:80px;}
#contact .box3 {border:1px solid #dbdbdb; background-color:#f8f8f8; padding:3px; font-family:tahoma,verdana,arial,sans-serif; line-height:12px; font-size:12px; color:#676767; width: 385px;}
#contact .image {margin-top:10px;}

#contact fieldset.top {padding:0 0 10px 0;}
#contact fieldset {border-top:0; border-right:0; border-left:0; border-bottom:1px solid #eee; padding:10px 0 10px 0;}
#contact legend {font-family:"trebuchet MS",tahoma,verdana,arial,sans-serif; font-size:15px; font-weight:bold; padding:0 0 10px 0; color:#000;}

/* customer popup */
#popup {width:340px; height:400px;}
#popup .main {padding:15px 20px; width:300px; height:331px; background:#fff url(../imag/popup/bg_main.gif) repeat-x bottom;}

#popup h1 {margin-bottom:15px; padding-bottom:4px; border-bottom:1px dotted #ddd; font-family:"trebuchet MS",tahoma,verdana,arial,sans-serif; font-size:15px; font-weight:bold; color:#000;}

#popup .search_box {margin:0 0 14px 0; padding:9px 0 0 15px; width:285px; height:34px; background:url(../imag/popup/bg_search_box.gif) no-repeat top left; font-size:11px; font-weight:bold;}
#popup .search_box span {margin-right:5px;}

#popup ul.list {border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background-color:#f8f8f8; padding:10px 5px; overflow:auto; height:210px;}
#popup ul.list li {padding-bottom:5px; background:url(../imag/popup/icon_line.gif) no-repeat 10px 1px; text-indent:20px;} 

#popup .bt {clear:both; padding-top:10px; width:340px; height:29px; background:url(../imag/popup/bg_bottom.gif) repeat-x top; text-align:right;}
#popup .bt img {margin:0 20px 2px 0;}

/* Board */
.board1 {width:100%; border-top:5px solid #fc6d2f; margin:10px 0;}
.board1 .th {padding:10px 0 3px 0; font-family:"trebuchet MS",tahoma,verdana,arial,sans-serif; font-size:15px; font-weight:bold; color:#000;}
.board1 .th span.cate {color:#fc6d2f;}
.board1 .th span.date {font-family:tahoma,verdana,arial,sans-serif; font-size:9px; color:#999;}
.board1 .td {padding:0 0 12px 0; border-bottom:1px solid #ebebeb; line-height:13px;}

.board2 {border-top:5px solid #fc6d2f;}
.board2 th {background:#e8e8e8; border:1px solid #dadada; padding:7px 8px; font-size:11px; line-height:15px;  font-weight:bold; color:#666; text-align:left;}
.board2 th.r {text-align:right;}
.board2 td {border:1px solid #eaeaea; padding:7px 8px; font-size:12px; line-height:15px;}
.board2 td.input {padding:4px 8px 4px 8px;}
.board2 td dl {padding:8px 0;}
.board2 td dt {padding-bottom:8px; font-family:"trebuchet MS",tahoma,verdana,arial,sans-serif; font-size:15px; font-weight:bold; color:#000;}
.board2 p { margin: 1.12em 0; }

/* input */
.box1 {border:1px solid #e6e6e6; background-color:#f8f8f8; padding:3px; height:11px; color:#666; font-family:tahoma,verdana,arial,sans-serif; font-size:11px; line-height:13px;}
.box2 {border:1px solid #e6e6e6; background-color:#f8f8f8; padding:3px; color:#666; font-family:tahoma,verdana,arial,sans-serif; font-size:11px; line-height:15px;}

.btn1 {border:1px solid #dadada; background-color:#e8e8e8; color:#666; height:20px; font-size:11px; line-height:19px; font-weight:bold;}
.btn_box {margin:6px 0 20px 0; clear:both; text-align:right;}


.page_num {width:100%; text-align:center; padding:10px 0;}
.page_num .l,
.page_num ul,
.page_num ul li,
.page_num .r {display:inline; vertical-align:middle;}

.page_num img {margin:0 3px 0 0;}
.page_num .l,
.page_num .r  {position:relative; top:2px;}

.page_num ul li {background:url(../imag/board/icon_bar.gif) no-repeat center right; padding:0 6px 0 9px;}
.page_num ul li a,
.page_num ul li a:hover,
.page_num ul li a:visited,
.page_num ul li a:active,
.page_num ul li a:link {color:#666; text-decoration:none;}
.page_num ul li.end {background:none; padding-right:15px;}




/* Weekly */
#weekly {width:100%; text-align:center;}

#weekly .list    {float:left; width:90px; margin:0 10px 5px 0;}         
#weekly .list dt {width:90px; height:95px;}             
#weekly .list dt .thumb {margin:0; background:#fff; padding:4px; border:1px solid #ddd; width:80px; height:85px;}
#weekly .list dd {width:90px; margin-top:5px; padding-top:0px; text-align:center;}
#weekly .list dd img {padding:0 0px;}

#weekly .l {display:inline; vertical-align:middle;}

#weekly ul {display:inline; vertical-align:middle;}         
#weekly ul li {display:inline; vertical-align:middle; margin:0 3px; line-height:0;}             
#weekly ul li img {margin:0; background:#fff; padding:4px; border:1px solid #ddd; width:70px; height:75px;}

#weekly .r {display:inline; vertical-align:middle;}

#weekly hr {margin:0 0 10px 0; color:#eee; clear:both;}

#weekly .big {width:100%; text-align:center;}
#weekly .big .image {background-color:#fff; padding:4px; border:1px solid #ddd; width:615px;}



/* Store */
#store {min-height:445px;}
#store .list    {float:left; width:90px; margin:0 0 0 10px;}
#store .list dt {width:90px; height:95px;}
#store .list dt .thumb {margin:0; background-color:#fff; padding:4px; border:1px solid #ddd; width:80px; height:85px;}
#store .list dd {width:90px; padding-top:5px; text-align:center;}
#store .list dd img {padding:0 2px;}

#store hr {margin:0 0 25px 0; color:#eee; clear:both;}

#store p.big {float:left; width:310px; height:277px; margin:0 15px 0 0; text-align:right;}

#store .image {border:1px solid #d2d2d2; padding:4px; background-color:#fff; width:300px; height:250px;}

#store h2 {padding:5px 0 8px 0; border-bottom:1px dotted #ddd; font-family:"trebuchet MS",tahoma,verdana,arial,sans-serif; font-size:15px; font-weight:bold; color:#d0a579;}
#store dl {margin:0 0 10px 0;}
#store dt {line-height:13px; padding-top:8px; padding-bottom:2px; color:#333;} 
#store dd {line-height:13px; color:#999;}
#store a {text-decoration:underline;}


/* customer_faq */
.faq {background-color:#eee; min-height:350px;}
.faq .menu {font-weight:bold; border:1px solid #ddd; background-color:#fff; padding:5px 8px; cursor:hand; margin-bottom:2px;}
.faq .submenu {background-color:#eee; padding:8px 12px; display:none;}



/* Paging */
.paging
{
    text-align:center;
    height: 30px;
    vertical-align: bottom;
}

.paging TABLE
{
    table-layout: auto;
}

.paging TD
{
    padding-left: 10px;
    padding-right: 10px;
}

.paging TD SPAN
{
    font-size: 1.3em;
    color: #faad0a;
}

.modalBackground {
    background-color: #000000;
    filter: alpha(opacity=70);
    opacity: 0.7;
}