body { width:1024px; font-family:"微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU",Arial, sans-serif; background: url("../img/bgs/landscape.jpg") no-repeat center center fixed;
    filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bgs/landscape.jpg', sizingMethod='scale')";
    /*-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bgs/landscape.jpg', sizingMethod='scale')";*/
    -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; font-size: 15px; padding: 0px;margin:0 auto;	/*-webkit-font-smoothing: antialiased;*/
}
h1,h2,h3,h4,h5 { margin: 0; line-height: inherit; color: #29323d;}
h1 small,h2 small,h3 small,h4 small,h5 small { margin-left: 15px; font-style: italic;}
input.search{ background: url("../img/lens.png") #fcfcfc no-repeat 95%;box-shadow: none; height: 19px;font-size: 15px;padding: 2px 6px; border:1px solid #d0dde9; margin: 0; border-radius: 2px; top: 11px;}
select{}
.header{ margin-bottom: 20px;}
.header h1,.header h2,.header h3,.header h4,.header h5 { float: left; margin-top: 5px;}
/* Custom navbar stuff */
/* search input */
.navbar-inverse input.search { background: url("../img/lens.png") #fff no-repeat 95%; border: 1px solid #0f1217; position: relative; border-radius: 4px; top: 9px; padding: 3px 6px; color: #000; margin-right: 40px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear;}
.navbar-inverse input.search:focus { background-color: #fff;}
/* navbar settings and logout icons */
.navbar-inverse .settings i { color: #9ba3ad; font-size: 21px;}
/* notification menu with custom dropdowns */
.navbar-inverse .notification-dropdown { position: relative;}
.navbar-inverse .notification-dropdown > a:hover,.navbar-inverse .notification-dropdown > a.active { background: #254261 !important; box-shadow: inset 1px 0px 1px 0px rgb(62, 90, 121);}
.navbar-inverse .notification-dropdown i {font-size: 17px; color: #9ba3ad;}
.navbar-inverse .notification-dropdown .count { position: absolute; top: 1px;left: 58%; background: rgb(53, 186, 196); padding: 0px 5px; border-radius: 30px; color: #fff; line-height: 16px; z-index: 9999; text-align: center; font-size: 11px;}
/* navbar popup dialog */
.navbar-inverse .pop-dialog { position: absolute; right: -10px;top: 55px;display: none;}
.navbar-inverse .pop-dialog.is-visible { display: block; -webkit-animation: reveal .2s ease-out;-moz-animation: reveal .2s ease-out;animation: reveal .2s ease-out;}
.navbar-inverse .pop-dialog .body { box-shadow: 0px 1px 9px 1px #c2c2c2;}
.navbar-inverse .pop-dialog .close-icon {float: right;text-decoration: none;z-index: 9999;position: relative;}
.navbar-inverse  .pop-dialog .footer { border-top: 1px solid #e6e8e9; background-color: #eff4f7; margin: 15px 0px -10px 0px; border-radius: 0px 0px 5px 5px; padding: 12px 20px; text-align: center;}
.navbar-inverse  .pop-dialog .footer a { font-weight: 600;color: #7d91a8;}
/* navar popup dialog for notifications */
.navbar-inverse  .pop-dialog .notifications { width: 330px; margin: 10px -10px 0px -10px;}
.navbar-inverse  .pop-dialog .notifications h3 { color: #404951;font-weight: bold; padding-left: 20px; margin-top: 5px; margin-bottom: 15px;}
.navbar-inverse  .pop-dialog .notifications .item { display: block; padding: 10px 0px 8px 20px; border-top: 1px solid #e7e8ea; color: rgb(54, 54, 54);text-decoration: none;padding-left: 50px;position: relative; transition: all .25s linear; -moz-transition: all .25s linear; -webkit-transition: all .25s linear;    -o-transition: all .25s linear;}
.navbar-inverse  .pop-dialog .notifications .item:hover { background: rgb(240, 246, 255);}
.navbar-inverse  .pop-dialog .notifications .item > i {color: rgb(252, 130, 123); position: absolute;left: 19px; font-size: 18px;}
.navbar-inverse  .pop-dialog .notifications .item > i.icon-user { left: 18px;}
.navbar-inverse  .pop-dialog .notifications .item .time { float: right; color: #82a3c1; font-style: italic; font-weight: 600; font-size: 11px; min-width: 60px; margin-right: 5px;}
.navbar-inverse  .pop-dialog .notifications .item .time i { font-size: 13px; color: #cfcfcf; margin-right: 1px;}
/* navar popup dialog for messages */
.navbar-inverse .pop-dialog .messages { width: 330px; margin: 10px -10px 0px -10px;}
.navbar-inverse  .pop-dialog .messages .item {display: block; padding: 10px 20px 15px 20px; height: 54px;border-bottom: 1px solid #e7e8ea; color: rgb(54, 54, 54);text-decoration: none; position: relative; transition: all .25s linear; -moz-transition: all .25s linear;  -webkit-transition: all .25s linear;   -o-transition: all .25s linear;}
.navbar-inverse  .pop-dialog .messages .item.last { border-bottom: 0px;}
.navbar-inverse  .pop-dialog .messages .item:hover { background: rgb(240, 246, 255);}
.navbar-inverse  .pop-dialog .messages .item .display { float: left; border-radius: 50px; margin-right: 15px;}
.navbar-inverse  .pop-dialog .messages .item .name { font-size: 12px; color: #404951; font-weight: bold;}
.navbar-inverse  .pop-dialog .messages .item .msg { font-size: 11px; color: rgb(117, 118, 119); font-weight: 600; line-height: 13px; position: relative;    top: -1px;}
.navbar-inverse  .pop-dialog .messages .item .time { position: absolute; right: 0px; bottom: 6px; color: #82a3c1; font-style: italic; font-weight: 600; font-size: 11px; min-width: 60px; margin-right: 5px;}
.navbar-inverse  .pop-dialog .messages .item .time i { font-size: 13px; color: #cfcfcf; margin-right: 1px;}
.navbar-inverse  .pop-dialog .messages .footer { margin-top: 6px;}
/* Sidebar */
#sidebar-nav {width: 177px;float: left; margin: 0em; padding-top: 2em;}
#dashboard-menu { list-style: none; padding-right: 15px; padding-left: 15px; margin-bottom: 0; margin-left: 20px;}
#dashboard-menu > li > a { display: block; margin-right: -15px; margin-left: -15px; padding: 19px 14px 15px 14px; margin-bottom: 5px; border-bottom: 1px solid #dae1e8; box-shadow: 0 2px 1px -1px #FFFFFF; color: rgb(110, 130, 155); outline: 0px; width: 88%;}
#dashboard-menu > li { position: relative;}
/* font awesome icon */
#dashboard-menu > li .icon-group { font-size: 22px;}
#dashboard-menu > li i { font-size: 23px; top: 25px;}
#dashboard-menu .pointer { position: absolute; right: 9px; top: 20px;}
#dashboard-menu .pointer .arrow,#dashboard-menu .pointer .arrow_border { border-color: transparent #fff transparent transparent; border-width: 11px; border-style: solid; font-size: 0; left: 50%;line-height: 0;margin: 0 auto;position: absolute;top: 0;width: 0; z-index: 1002;left: 0;margin-left: 45%;}
#dashboard-menu .pointer .arrow_border { border-color: transparent rgb(192, 210, 221) transparent transparent; border-width: 11px; margin-left: -1px; border-style: solid; z-index: 1001; top: 0px;}
#dashboard-menu a span { margin-left: 35px; transition: color .1s linear; -moz-transition: color .1s linear; -webkit-transition: color .1s linear; -o-transition: color .1s linear;}
#dashboard-menu a.ui-elements span { margin-left: 25px;}
#dashboard-menu a i { position: absolute; left: 0; height: 24px; width: 24px; opacity: 0.7; transition: opacity .1s ease; -moz-transition: opacity .1s ease; -webkit-transition: opacity .1s ease; -o-transition: opacity .1s ease;}
#dashboard-menu a i.icon-chevron-down { position: relative; float: right; top: 11px; font-size: 11px; color: rgb(104, 104, 104); width: initial; height: initial;}
#dashboard-menu > li:hover i{ opacity: 1;}
#dashboard-menu > li.active > a, #dashboard-menu > li > a:hover {color: rgba(51, 69, 90, 1);text-decoration: none;}
#dashboard-menu > li.active a { font-weight: 600; text-shadow: 1px 1px 1px #fff;}
#dashboard-menu > li.active i{ opacity: 1;}
/* sidebar submenus */
#dashboard-menu > li.active .dropdown-toggle { border-bottom: 0px; box-shadow: none;}
#dashboard-menu ul.submenu {list-style-type: none; display: none; margin-top: 7px; margin-bottom: 15px; margin-right: 5px; margin-left: -15px; padding-left: 15px; border-bottom: 1px solid #dae1e8; box-shadow: 0 2px 1px -1px #FFFFFF; padding-bottom: 10px;}
#dashboard-menu ul.submenu.active { display: block;}
#dashboard-menu ul.submenu a { font-weight: normal; font-size: 15px; color: rgb(76, 83, 90); text-decoration: none; display: block; margin-bottom: 7px;}
#dashboard-menu ul.submenu a:hover { text-decoration: underline;}
#dashboard-menu ul.submenu a.active {  font-weight: bold; text-shadow: none;}
#pad-wrapper { margin-top: 55px; padding-top: 0px; padding-right: 25px; padding-bottom: 0px; padding-left: 25px;}
#pad-wrapper h4 { margin: 0;color: #696d73;font-style: italic;}
.content { border-radius: 0px 0px 0px 5px;background-color: #FFF; float: right; width: 824px; border: 1px solid #dae3e9;}
.content.wide-content { margin-left: 0; border-radius: 0;}
/* starts skins changer */
.content .skins-nav { opacity: 1; -webkit-transition: right .3s; -moz-transition: right .3s; -ms-transition: right .3s; -o-transition: right .3s; transition: right .3s; position: fixed; right: -85px; top: 135px; font-size: 13px; z-index: 9999;}
.content .skins-nav:hover { right: 0;}
.content .skins-nav a { display: block; color: #fff;text-decoration: none; padding-left: 10px; height: 37px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; margin-bottom: 3px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.content .skins-nav a.first_nav {  background: rgba(95, 175, 228, 0.8);}
.content .skins-nav a.second_nav { background: rgba(36, 43, 77, 0.8);}
.content .skins-nav a.first_nav:hover { background: rgba(95, 175, 228, 1);}
.content .skins-nav a.second_nav:hover { background: rgba(36, 43, 77, 1);}
.content .skins-nav a .icon { float: left; width: 9px; height: 10px; background: url('../img/skin-nav-bullets.png') 0 0 no-repeat; margin: 15px 15px 0 5px;}
.content .skins-nav a.selected .icon { background-position: 0 -9px;}
.content .skins-nav a .text { padding-right: 12px; white-space: nowrap;display: block;width: 100px; position: relative;top: 9px; -webkit-transition: width .2s; -moz-transition: width .2s; -ms-transition: width .2s; -o-transition: width .2s;transition: width .2s;}
/* end skin changer*/
.footer{ text-align:center; font-size:13px; color: #999; z-index: 999; margin:0px auto;  padding: 20px;  width: 600px;}
.footer a{ color: #0066CF;}
/*-----------------------------------------------------*/
#fuelux-wizard { margin-top: 60px; }
.wizard-steps { list-style: none; display: block; width: 100%; padding: 0; margin: 12px 0 0; position: relative; left: -40px; }
.wizard-steps li { display: block; text-align: center; float: left; min-width: 25%; max-width: 25%; }
.wizard-steps li:before { display: block; content: ""; width: 100%; height: 1px; font-size: 0; overflow: hidden; border-top: 3px solid #e5e8ed; position: relative; top: 12px; z-index: 1; }
.wizard-steps li:first-child:before { max-width: 50%; left: 50%; }
.wizard-steps li:last-child:before { max-width: 50%; width: 50%; }
.wizard-steps li.active:before, .wizard-steps li.complete:before, .wizard-steps li.active .step, .wizard-steps li.complete .step { border-color: #cbdeee; color: #34a0ed; background-color: #f2f7fb; font-weight: bold;box-shadow: inset 0px 0px 1px 2px #fff; }
.wizard-steps li .step {text-align: center;border: 2px solid #e5e8ed; color: #d8dce6; font-size: 19px; border-radius: 32px; line-height: 12px; padding: 7px 15px; background-color: #FFF; position: relative; z-index: 2; display: inline; }
.wizard-steps li.complete .title, .wizard-steps li.active .title { color: #2b3d53; }
.wizard-steps li .title { display: block; max-width: 100%; color: #b1bcc5; font-size: 13px; z-index: 104; text-align: center; table-layout: fixed; word-wrap: break-word; position: relative; top: -76px; line-height: 15px; }
/* step content */
.step-content { margin-top: 40px; margin-left: 60px; }
.step-content .step-pane { display: none; min-height: 267px; }
.step-content .active { display: block; }
/* step forms */
.form-wrapper .field-box {margin-bottom: 25px; margin-left: 0;float: left; width: 100%; }
.form-wrapper .field-box:last-child { margin-bottom: 0px; }
.form-wrapper label { display: inline-block; float: left; font-weight: 600; cursor: auto; width: 120px;text-align: left; position: relative; top: 2px;}
.form-wrapper.payment-info label { width: 150px; }
.form-wrapper .alert-msg { /*  display: block;*//*hank*/ margin-left: 22%; position: relative; top: -2px; margin-bottom: -4px;}
.form-wrapper .alert-msg i {font-size: 14px; }
/*** Form states ***/
.form-wrapper .field-box { /* error */  /* success */ }
.form-wrapper .field-box.error label,.form-wrapper .field-box.error .alert-msg { color: #c73939; }
.form-wrapper .field-box.error input { border-color: #c73939; }
.form-wrapper .field-box.success label,.form-wrapper .field-box.success .alert-msg { color: #379e48; }
.form-wrapper .field-box.success input { border-color: #379e48; }
/* actions */
.wizard-actions { float: right; margin-top: 30px; margin-right: 130px; }
.wizard-actions .btn-next { margin-left: 15px; }
.wizard-actions .btn-finish { display: none; margin-left: 15px; }
/*table*/
/* general table styles */
.table-wrapper { width: 100%; margin-bottom: 30px;}
.table-wrapper .filter-block { margin-bottom: 34px; }
.table-wrapper .filter-block .ui-select { margin-right: 10px; top: 1px; height: 24px; width: 150px;}
.table-wrapper .filter-block .search { margin: 0 20px 0 0; width: 100px;}
.table-wrapper .filter-block .new-product { padding: 4px 14px; }
.table-wrapper .table th input[type="checkbox"] { margin-top: 4px; }
.table-wrapper .table input[type="checkbox"] { float: left; margin-top: 11px;margin-right: 23px; }
.table-wrapper .table .img { height: 31px; float: left; background: white; width: 31px; border: 1px solid #dfe4eb; text-align: center; cursor: pointer; margin-right: 23px; }
.table-wrapper .table .img img { margin-top: 4px; }
.table-wrapper .table tr.first td { border-top: 0 none; }
.table-wrapper .table td a { text-decoration: underline; display: inline-block; }
.table-wrapper .table td.description { vertical-align: middle; color: #516372; }
.table-wrapper .table ul.actions { margin: 5px 0 0 0; padding: 0;float: right; }
.table-wrapper .table ul.actions li {display: inline;padding: 5px 6px 0px 3px; }
.table-wrapper .table ul.actions li.last {border: 0 none; }
.table-wrapper .table ul.actions i { cursor: pointer; opacity: 0.6;transition: opacity .1s linear; -moz-transition: opacity .1s linear;-webkit-transition: opacity .1s linear;-o-transition: opacity .1s linear; }
.table-wrapper .table ul.actions i:hover { opacity: 1; }
.table-wrapper .label { position: relative; }
/* products table specific styles */
.table-wrapper.products-table a.name { position: relative; top: 6px; }
/* orders table specific styles */
.table-wrapper.orders-table td { padding: 12px 8px; }
/* users table specific styles */
.table-wrapper.users-table .table td {vertical-align: middle; font-size: 13px; }
.table-wrapper.users-table .table img.avatar { float: left; margin-right: 14px; max-width: 45px; position: relative; top: 8px; }
.table-wrapper.users-table .table a.name { color: #3389d1; display: block; font-weight: 600; font-size: 14px; margin: 15px 0 0 0; }
.table-wrapper.users-table .table .subtext { font-size: 12px; margin-left: 0; color: #778391; font-style: italic; margin-top: 0; }
/*personal-info*/
.settings-wrapper .wrapp { margin-top: 100px; }
.settings-wrapper .avatar-box img { border: 3px solid #c3cddb; margin-bottom: 28px; }
.settings-wrapper .avatar-box p { font-weight: 700; margin-bottom: 12px; }
.settings-wrapper .avatar-box input[type="file"] { font-size: 11px; }
.settings-wrapper .personal-info { border-left: 0px solid #edeff1;}
.settings-wrapper .personal-info .alert { margin-bottom: 50px; display: inline-block; font-size: 13px; }
.settings-wrapper .personal-info .alert i { float: left; }
.settings-wrapper .personal-info h5.personal-title { font-size: 26px; margin: 0 0 50px 0px; color: #696d73; font-style: italic;}
.settings-wrapper .personal-info form { margin-left: 0px;}
.settings-wrapper .personal-info .field-box { margin-bottom: 20px; }
.settings-wrapper .personal-info label { display: inline-block; float: left; font-weight: 600; cursor: auto; width: 20%; margin-right: 10px;}
.settings-wrapper .personal-info .input[type="text"] { font-weight: 600; }
.settings-wrapper .personal-info .ui-select { margin-bottom: 10px;}
.settings-wrapper .personal-info .actions { margin-bottom: 25px; margin-left: auto; margin-top: 30px; float: left; text-align: center;}
.settings-wrapper .personal-info .actions span {text-transform: uppercase; color: #7e91aa; font-weight: 600; display: inline-block; vertical-align: middle;  margin: 0 2px 0 8px; }
.settings-wrapper .personal-info input.reset { color: #7e91aa; font-weight: 500; }
/**/
.bg{ background-color: #f7f7f7; }
.slate{ padding-right: 30px; padding-left: 30px;}
.slate .table-striped,.slate .table-striped { background-color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.slate .table tbody tr:hover td,.slate .table tbody tr:hover th { background-color: #EEE;}
.slate .table th, .slate .table td { border-top: none; border-bottom: 1px solid #EBEBEB; background-color: #FFF;  /* text-align: left*/;}
.slate .table td.date { width: 100px;font-size: 13px; color: #666; text-align: left;}
.slate .table td.value, .slate .table th.value { width: 100px;text-align: right;}
.slate .table td.actions,.slate .table th.actions { width: 200px; text-align: left;}
.slate .table .btn-danger { visibility: hidden;}
.slate .table tr:hover .btn-danger {    visibility: visible;}
.slate .table td span.meta { font-size: 11px; color: #BBB;}
.slate .form-inline { margin-bottom: 0; padding: 10px 0;}
.slate .form-inline input,.slate .form-inline select { margin-right: 6px;}
/*========================================*/
.displayOn{ display: block;}
.displayOff{display: none;}
.mask{	background:url('../img/overlay.png') repeat;	position:fixed;	top:0;	left:0;	width:100%;	height:100%;}
.cartable{    border-top-width: 2px;    border-top-color: #09C;    border-top-style: solid;}
.td_title{color:#666; height:20px;    padding:10px;   line-height:20px; text-align: center;   background-color: #eff5fa; }
.td3_header{    color:#FFFEFF;    font-family: Arial, Helvetica, sans-serif;    font-size: 14px;    height:20px;    padding:10px;    line-height:20px;    background-color: #4F81BD; }
.td_t1{    color:#59aecb;    font-family: Arial, Helvetica, sans-serif;    font-size: 14px;    height:20px;    padding:10px;    line-height:20px;    background-color: #eff5fa; text-align: center; }
.td_t2{    color:#666;    font-family: Arial, Helvetica, sans-serif;    font-size: 14px;    height:20px;    padding:10px;    line-height:20px;    background-color: #EEE;text-align: center;}
.td_text{ color:#666;  font-size: 16px;    height:20px;    padding:10px;    line-height:20px; }
.td_text2{ color:#666;  font-size: 16px;    height:20px;    padding:10px;    line-height:30px; }
.td_text2c{ color:#666;  font-size: 16px;    height:20px;    padding:10px;    line-height:30px; text-align: center;}
.td_rline{ border-right: 1px #666 solid; padding-right: 10px; }
.td_rline2{ border-right: 1px #666 solid; padding-right: 10px; padding-left: 10px; }
.td_rline3{ padding-left: 10px; }
.td_text32c{ color:#666;  font-size: 16px;    height:20px;    padding:10px;    line-height:30px; text-align: center;border-right: 1px #ccc solid;border-top:1px #ccc solid;}
.td_text33c{ color:#666;  font-size: 16px;    height:20px;    padding:10px;    line-height:30px; text-align: center;border-top:1px #ccc solid;}
.mainform50{width: 50%; margin:0px auto; background-color: #fff; padding: 15px;}
.mainform60{width: 60%; margin:0px auto; background-color: #fff; padding: 15px;}
.mainform80{width: 80%; margin:0px auto; background-color: #fff; padding: 15px;}
.mainform50,.mainform60,.mainform80{-moz-border-radius-topleft: 5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;
        -webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;
        border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.picon2{ background-image: url('../img/icon2.jpg'); background-repeat: no-repeat;  background-position:top left; background-position-y: 5px;   vertical-align: top;  padding-left: 20px; font-size: 16px;  color: #333333; line-height: 28px; }
.toptext{ color: #CFCFCF; padding-left: 15px;padding-right: 15px;  font-size: 16px;}
.toptext a:link{ color:#06C; text-decoration: none; }
.toptext a:visited{ color:#06C; text-decoration: none; }
.toptext a:hover{ color:#FD6205; text-decoration: none; }
.topkine{ color: #8F8F8F; padding-left: 5px;padding-right: 5px;}
.supimg{ max-width: 485px; border: 1px #666 solid;}
.kisokimg{ max-width: 99%; border: 1px #666 solid;}
.kisokimg2{ max-width: 75%; border: 1px #666 solid;}
.kisokimg3{ max-width: 50%; border: 1px #666 solid;}
.note{    background-image: url('../images/web_25.png');    background-repeat: no-repeat;    padding-top: 0px;    padding-right: 15px;    padding-bottom: 5px;    padding-left: 50px;    background-position: 0px center;}
.canused{background:#fff url('../images/canuse.png') no-repeat center;}