@charset "utf-8";
/* CSS Document */
/*Reset Start*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal;font-style: normal;}
ol,ul {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;}
q:before,q:after {content:'';}
abbr,acronym { border: 0;}
/*Reset End*/
/*Color Start*/
.gray1{	color: #333333;}
.gray2{	color: #666666;}
.gray3{	color: #999999;}
.gray4{	color: #CCCCCC;}
.white{color:#FFFFFF;}
.Orange{color:#D66D55;}
.Red{color:#C8161E;}
.Black{color:#333333;}
.Yellow{color:#FEDD78;}
.Blue{color:#0092D8;}
/*Color End*/

/*Font Start*/
h1,h2,h3,h4,h5{font-weight:normal;}
h1{font-size:25px;}
h2{font-size:23px;}
h3{font-size:21px;}
h4{font-size:19px;}
h5{font-size:17px;}
h6{font-size:15px;}
h7{font-size:14px;}

p{
    font-size:13px;
    letter-spacing:1px;
    text-align:justify;
}

p .small{
    font-size:12px;
}

a{
    text-decoration:none;
    color:#666666;
}

a:hover{
    text-decoration:underline;
}
/*Font End*/

/*Body Start*/
Body{
	font-family:  Arial, Helvetica, sans-serif, "新細明體";
	font-size:15px;
	line-height:140%;
	color:#666666;
	background:#ffffff;
	background-color: transparent;
	background-image: url(../images/admin/body_bg.png);
	background-repeat: repeat;
	background-position: left top;
}
.Left{
    float:left;
}	
.Right{
    float:right;
}
.Clear{
    clear:both;
}
.block{
    display:block;
}
.Dashed{
    background:url(../images/admin/Dashed.gif) repeat-x bottom;
}
.Clearfix{zoom:1;}
.Clearfix:after{content:'.';display:block;visibility:hidden;clear:both;height:0px;}

.PaddingTop{
    padding:10px 0;
}
.PaddingTop td input{ vertical-align:middle;}
/*Body End*/
/*Pages Start*/
.pagination_title {
    font-size: 10pt;
    margin-top: 0px;
    border-top: 1px solid #CCC;
    background: #F1F1F1;
}

div.pagination {
    overflow: hidden;
    font-size: 9pt;
    padding: 10px 0;
}

div.pagination ul {
    list-style: none;
    padding: 2px 0;
    line-height: 16px;
}

div.pagination li {
    display: inline;
}

div.pagination.scott {
    padding:3px;
    margin:10px;
    text-align:center;
}

div.pagination.scott a {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #ddd;

    text-decoration: none;
    color: #999999;
}

div.pagination.scott a:hover, div.pagination.scott a:active {
    border:1px solid #777777;
    color: #666666;
    background-color: #EAEAEA;
}

div.pagination.scott li.current {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #999999;
    font-weight: bold;
    background-color: #999999;
    color: #FFF;
}

div.pagination.scott li.disabled {
    margin-right: 2px;
    color: #999999;
}
/*Pages End*/
/*TableA Start*/
table.TableA{
    width:100%;
    border-color:#DADADA;
    border-style:solid;
    border-width:1px 0 0 1px;
}

table.TableA td{
    border-color:#DADADA;
    border-style:solid;
    border-width:0 1px 1px 0;
    background:#fff;
    padding:5px 10px;
    _padding:4px 8px;
    *padding:4px 8px;
    text-align:left;
}

table.TableA tr.TableTitleLeft td{
    width:110px;
    background:#EAEAEA;
}

table.TableA tr.TableTitleTop td{
    background:#EAEAEA;
}
.TableTitleTop th{ background:#C6C6C6; padding:5px 10px ; color:#333; border:1px solid #fff; border-bottom:none; border-top: none; }

table.TableA td.TableTitleLeft{
    width:110px;
    background:#EAEAEA;
}
table.TableA td.TableTitle{ padding:0px; background-color:#C6C6C6;}
.TableTitle div{ padding:5px 10px; background:#C6C6C6; color:#333;}
.TitleTop{
    padding:5px;
    background:#EAEAEA;
    text-align:center;
}

table.TableA li{
    margin-bottom:5px;
}

. {
    color:#353535;
}

.2 {
    color:#353535;
    height: 50px;
    /*width: 660px;*/
    width: 620px;
}

.3 {
    width: 10px;
    height: 1px;
}

table input{ height:20px; vertical-align:middle;font-size: 15px;}
table textarea{width: 600px;height:100px;font-size: 15px;}
table input[type="text"]{width: 480px;height: 25px}
table input[type="text"].short {width: 50px; margin-left: 10px}
table input[type="text"][class*=cke]{width: inherit;height: 25px}

table select {  margin-left: 10px}
.PaddingTop table input[type="text"]{width: 150px;}
.PaddingTop table select{ width: 100px;}
table td#specarea {font-size:11px}
table td#specarea a{font-size:13px; color:red}
table td#specarea .spanprice{font-size:13px}
table td#specarea input{font-size:11px; height:15px}
table td#specarea input[type="text"]{width: 30px;}
table td#specarea input.long[type="text"]{width: 70px;}
table td#specarea div , table td#mainpicarea div, table td#productpicarea div{margin-bottom: 10px}
table td#specarea input[type="button"]{padding: 0px 5px;margin-left:10px;}
input.{
    border:1px #CACACA solid;
}



.Textarea{
    width:200px;
    color:#999999;
}

.TableA img{
    width:100px;
}
.TableA  img.ui-datepicker-trigger{
    vertical-align: middle;
    width:20px;
}
.TableA .Banner img{
    width:350px;
}
/*TableA End*/

/*頁面整體寬度*/
.Wrapper{
    width:1000px;
    position: relative;
    margin:0 auto; 
}

/*斜線區塊 Star */
.SlantBox .Title{
    padding:10px 0 5px 0;
}

.SlantBox .Context{
    background:#FFFFFF;
}

.SlantBox .Context ul{
    list-style:none;
    margin:5px;
    padding:0px;
}

.SlantBox .Context li{
    list-style:none;
    margin:0;
    padding:0;
    line-height:24px;
    background:url(../images/admin/Dashed.gif) repeat-x bottom;
}

.SlantBox .Context li a{
    margin:0 0 0 20px;
    padding:0 0 0 10px;
    font-size:13px;
    text-decoration:none;
    line-height:26px;
    color:#747474;
    background:url(../images/admin/MenuDot.gif) no-repeat center left ;
}

.SlantBox .Context li a:hover{
    color:#EE7943;
}
/*斜線區塊 End */

/*頁首 Header*/
.Header{
    

}
.Msg{
	font-size:12px;
	color:#333;
	text-align:right;
	margin-top:260px;
	line-height:22px;
	
}

.Msg a{
    color:#fff;
	background-color:#f1434d;
	padding:0 10px;
	
}
.Msg a:hover {
	background-color:#44bdd9;
	
}

.Msg span{
    margin:0;
    padding:0 0 0 15px;
}

.logo_bg img{ padding:20px 0 0 15px;  }
.upbar{  clear:both; overflow:hidden; line-height:22px; font-size:12px;/* background-color:#a58469;*/ color:#f3efec;}
.searchbar{ position:absolute; right:0px; top:40px; +width:421px; _width:421px;}
.searchbar ul{}
.searchbar ul li{ float:left; padding-right:6px;}
.searchbar ul li a{ display:block;}
.searchbar p{ line-height:21px; font-size:12px; padding:8px 0px 0px 0px; width:350px; text-overflow: ellipsis; o-text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.searchbar p a{ padding:0px 8px 0px 0px;}
.searchbar input.searchbtn { float:right; background-image:url(../images/admin/btn_searchbg.gif); background-repeat:repeat-x; height:31px; padding:0px 8px; border:1px solid #FFF; color:#FFF; margin:0px 0px 0px 8px; +display:inline; _display:inline;}
.main_nav{ 
	
	
}
.main_nav .logo_{
	
	
}
.main_nav li{ float:left; line-height:38px; width:100px; text-align:center; margin:0px 2px 0px 0px;}
.main_nav li a{ display:block; color:#FFF; font-size:16px;}
.main_nav li a:hover{ background-color:#d10e0e; color:#FFF; text-decoration:none; border-top:solid 2px #37a7c6; line-height:35px;}
.main_nav li.all a{ background-color:#422834;}
.main_nav li.all a:hover{ background-color:#d10e0e; color:#FFF; text-decoration:none; border-top:solid 2px #37a7c6; }
.main_nav li.focus a{ background-color:#d10e0e; border-top:solid 2px #37a7c6; line-height:35px;}
.wrapup{ width:100%; }

/*主頁面 Container*/
.Container{
    clear:both;
    overflow:hidden;
    background:#FFFFFF;
    min-height: 500px;
}

/*登入區塊*/
.Login{
    width:250px;
    position: relative;
    left: 50%;
    margin:0 0 0 -125px;
}

.Login .SlantBox{
    width:250px;
    clear:both;
    padding:1px 7px 20px 7px;
    background:url(../images/admin/SlantBg.jpg);
    position: relative;
    left: 50%;
    margin:0 0 0 -125px;
}
.Login .SlantBox ul{
    padding:10px;
}

.Login .SlantBox li{
    margin:0;
    padding:0;
    color:#888888;
    line-height:25px;
    background:none;
}

.Login .SlantBox .InputText{
    width:100%;
    margin:0;
    height:15px;
    line-height:20px;
}

.Login .SlantBox .InputBtn{
    float:right;
    width:50px;
    margin:0;
    height:25px;
    line-height:20px;
}

.Login .SlantBox .TestText{
    margin:0;
    padding:10px 0 0 0;
    text-align:right;
}

.Login .SlantBox .LoginBottom{
    padding:0;
    margin:0 10px 0 0;
    height:25px;
}

/*主頁面_左欄*/
.SidebarLeft{
    float:left;
    margin:0;
    padding:0;
    width:170px;
    background:#FFFFFF;
}

.AdminMenu{
    clear:both;
    margin:0;
}

.AdminMenu .Title{
    padding:10px 0 0px 0;
}

.AdminMenu .Context{
    background:#FFFFFF;
}

.AdminMenu .Context ul{
    list-style:none;
    margin:5px;
    padding:0px;
}

.AdminMenu .Context ul ul{
    list-style:none;
    margin:0px;
    padding:0px;
}

.AdminMenu .Context li{
    list-style:none;
    margin:0;
    padding:0px 0px 0px 0px;
    line-height:24px;
    background:url(../images/admin/Dashed.gif) repeat-x bottom;

}

.AdminMenu .Context li a{
    font-size:15px;
    text-decoration:none;
    line-height:26px;
    color:#747474;
    padding:0px 0px 0px 20px;
}

.AdminMenu .Context li li a{
    font-size:13px;
    text-decoration:none;
    line-height:26px;
    color:#747474;
    padding:0px 0px 0px 40px;
}

.AdminMenu .Context ul.SubUl{
    color:#999999;
    padding:0 0 0 5px;
}

.AdminMenu .Context ul.SubUl a{
    color:#999999;
}

.AdminMenu .Context a:hover,.AdminMenu .Context ul.SubUl a:hover{
    color:#ee2356;
}

/*主頁面_右欄*/
.SidebarRight{
    float:right;
    margin:0 auto;
    width:810px;
    background:#FFFFFF;
    padding:0px 10px;
}

.SidebarRight .Index{
    padding:5px 0 0 45px;
    height:30px;
    line-height:25px;
    background:#f5f5f5 url(../images/admin/pathBG.jpg) no-repeat  bottom left;
    font-size:11px;
    color:#333; 
    letter-spacing:1px;
}

.SidebarRight .Content{
    padding:10px;
    /*background:url(../images/admin/contentBG.jpg) repeat-x;*/
    background: whiteSmoke;
}



/*=== wrapper_footer ===*/
.footer{
	clear:both;
	width:1000px;
	background:url(../images/admin/bg_footer.jpg) no-repeat;
	height: 82px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.footer p{
	padding-bottom:11px;
	padding-top:11px;
	text-align:center; /*font-size:11px; color:#dadada;*/
	font-size: 12px;
	color: #4d4d4d;
}
.wrapdown{ width:100%; background:url(../images/admin/bg_footer.jpg) repeat-x;}
/*=== wrapper_footer ===*/









/*20120504jerry*/
.Headerout{
	margin: 0px 0 0 0;
	background-image: url(../images/admin/HeaderBg.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.Footerout{ background:url(../images/admin/FooterBg.jpg) bottom repeat-x ;}
.Titlebox{ background: url(../images/admin/titleBG.jpg) top repeat-x; height:22px; margin-bottom:15px;
           line-height:20px; color:#fff; border:1px solid #fff; letter-spacing:1px; padding-left:10px; }

input[type="button"]{ background: url(../images/admin/buttonBG.jpg) ; height:22px; border:1px #eee solid; padding:0px 15px;font-size:13px; vertical-align:middle;+padding-top:3px;}
input[type="button"]:hover{ color:#084B5A;}

input[type="submit"]{ background: url(../images/admin/buttonBG.jpg) ; height:22px; border:1px #eee solid; padding:0px 15px;font-size:13px; vertical-align:middle;+padding-top:3px;}
input[type="submit"]:hover{ color:#084B5A;}


.AdminMenu .Context .topnav li{background:url(../images/admin/icon01.jpg) no-repeat 0px 12px; padding-top:3px;}
.AdminMenu .Context .topnav li li{background:url(../images/admin/icon02.jpg) no-repeat 20px 12px; padding-top:3px;}
.AdminMenu .Context .topnav li a{ display:block;	border-bottom:2px #444 solid; }
.AdminMenu .Context .topnav li a.focus{ color:#ee2356;}
.AdminMenu .Context .topnav li li a{ display:block;	border-bottom: none;background:url(../images/admin/line_dot.jpg) repeat-x bottom; padding-bottom:3px; margin-top:2px; }
.out{ background:url(../images/admin/icon03.jpg) no-repeat 0px 9px; }

table.TableA td.final{ text-align:center;}

/*++++++++++++++++++++++++++++++++++Login++++++++++++++++++++++++++++++++++*/

.bgred {
    border: 1px solid #b81900;
}

.error {
    color: Red;
}

table.TableA li{
    margin-bottom:5px;
}
table.TableA ul > li > ul,table.TableA ul > li > ul > li {
    padding-left: 10px;
}

span.star
{
    margin: 0;
    padding: 0 1px 0 1px;
    height: 1%;
    display:inline;
    color: red;
}