*{
    -webkit-touch-callout: none;
}
input[type="text"],input[type="button"],input[type="number"],textarea{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

html.ismobile select
{
    border-radius:3px;
}
html, body {
    font: 13px/1.231 微軟正黑體,Arial, PMingLiU;
    text-align: left;
    margin: 0px;
    padding: 0;
}
html.ismobile
{
   zoom: 0.9;
}
#windw{
}
#myBody{
    margin: 0px;
    padding: 0;
    width:100%;
}
#aPsDivBody {
    margin: 0 auto 0 auto;
    width: 81em;
    overflow: auto;
    padding-bottom:10px;
}
.htmlcontent ol
{
    counter-reset: item;
}
.htmlcontent ol li>li:before  
{
    content: counters(item, ".") ". "; 
    counter-increment: item ;
}
@media screen and (max-width: 1200px)
{
    #aPsDivBody
    {
        width: 100%;
    }
}
#aPsDiv {
    text-align: left;
}
#sfBody {
    padding: 0 5px;
}
#sf_footer{
}
.sf_footer_r  a{
    color: #3674E7;
    text-decoration: none;
}
.sf_footer_r  a:hover {
    text-decoration: underline;
}
.sf_footer_r  span.gs {
    color: #a9a9a9;
    margin: 0 5px 0 5px;
}
p
{
    margin: 0;
    line-height: 20px;
    letter-spacing: 1px;
}
input[type="text"], input[type="password"]
{
    border: 1px solid #999999;
    font-size:12pt;
    padding:3px;
}
.my-info
{
    cursor:pointer;
    font-size:12pt;
}
.my-info:hover
{
    text-decoration: none;
}
.aPsEditGridBodyTable input[type="text"],.TextSelectBox input[type="text"]
{
    border-style: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0;
}
/*~分頁列表*/
.webgview {
    border: #dcdcdc 1px solid;
    margin-left:2px;
    margin-top:1px;
}
.webgview table {
}
.webgview th{
    background-color: #FFF2B8;
    padding: 5px 5px 5px 5px;
    color: #4169e1;
    border: #dcdcdc 1px solid;
}
.webgview th a {
    color: #4169e1;
    text-decoration: none;
}
.webgview th a:hover {
    color: #ff6633;
}
.webgview th.desc{background-image:url(images/desc.gif);background-repeat:no-repeat;background-position:100% top;}/*~*/
.webgview th.asc{background-image:url(images/asc.gif);background-repeat:no-repeat;background-position:100% top;}/*~*/
.webgview tr{border: #dcdcdc 1px solid;}
.webgview td{border: #dcdcdc 1px solid;padding:10px 5px 10px 5px;margin:5px;}
.webgview td.first0 {}
.webgview td a {
    color: #000000;
}
.webgview td a:hover {
    color: #2ca8e1;
}
.webgview td a:visited{}

.webgview .Bton {
    border: none;
    background-color: transparent;
    color: #3B4E61;
    width: 30px;
    text-decoration: none;
}

.webgview .Bton:hover {
    color: #3B4E61;
    font-weight: bold;
    text-decoration: underline;
}
textarea{resize:none;}
div.nothing {
    font-size: 32pt;
    padding-top: 100px;
    text-align: center;
    color: #ffcc99;
    padding-bottom: 100px;
    vertical-align: middle;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
.PrdName,.form_updatauser[value],.openframeView[value]{
    background-image:url(image/dc.png);
    background-repeat:no-repeat;
    background-position:right bottom;
}
/*~唯讀欄位*/
.Readonly,.readOnly {
    background-color: #fff9d7;
}
/*~選單式對話框*/
.asmxMenuBody {
    background-color: #d3d3d3;
}
.asmxMenuBody table.MenuTable
{
    width: 100%;
}
.asmxMenuBody div.listbox {
    background-color: #ffffff;
    height: 370px;
    width: 99%;
    overflow-y: auto;
    overflow-x:hidden;
    border-right: #dcdcdc 2px ridge;
    border-top: darkgray 2px groove;
    border-left: #a9a9a9 2px groove;
    border-bottom: #dcdcdc 2px ridge;
    margin:0;
    position: relative;
}
.asmxMenuBody div.listbox td.Ritem{
    padding-left:20px; 
}
.asmxMenuBody td.Buttonbox {
    text-align: center;
}
.asmxMenuBody td.Buttonbox input {
    border-right: #696969 1px solid;
    border-top: #696969 1px solid;
    border-left: #696969 1px solid;
    border-bottom: #696969 1px solid;
    background-color: transparent;
    margin-top: 10px;
    width:80px;
    cursor:pointer;
    *padding-top:2px;
}
.asmxMenuBody td.Buttonbox input:hover {
    background-color: #ff9933;
}
/*~必選欄位*/
TD.Theme {
    background: url(images/sta.gif) no-repeat 8px center;
    font-weight: bold;
    text-indent: 20px;
    *background-position:8px 8px;
}

/*~進階條件*/
#advanced {
    padding-left: 5px;
    background: url(images/a.gif) no-repeat 0px center;
    color: #0000ff;
    text-decoration: none;
    height: 12px;
    line-height: 12px;
    *padding-top:3px;
}
#advanced:hover {
    color: #ff0000;
}
.jxgv td,.jxgv th
{
   font-size:12pt;	
}
.jxgv a.Bton:before {
    font-family: "fontello";
    content: '\e822';
}
.jxgv .f_1 a.Bton:before {
    font-family: "fontello";
    content: '\e82d  ';
    color: #FF9900;
}
.jxgv .Bton
{
	background-color: #CCCCCC;
	border: #a9a9a9 1px solid;
	border-style: outset;
	border-width: thin;
	cursor: pointer;
	text-decoration: none;
	color: #333333;
	padding:2px 5px;
	white-space:nowrap;
    margin:2px;
    font-size:10pt;
}
.jxgv .Bton:hover {
	background-color: #C0C0C0;
}
.jxgv .smtxt
{
    font-size: 10pt;
}
.acfu
{
    color: #696969;
    font-size: 10px;
}

.gbButton {
    cursor: pointer;
}
.blogcontent{
    font: 13px/1.47 "Arial", "PMingLiU";
    font-size:15px;
    word-break:break-all;
}
.shareicon{
    text-align:right;
}
select
{
    font-size:12pt;	
}
.aspNetHidden{ display:none;}

.study
{
	border-collapse: collapse;
	width:100%;
}
.study td
{
	padding:5px;
    font-size:11pt;
	border-bottom: 1px solid #CCCCCC;
}
.study tr.stTH td
{
	background-color: #999999;
	text-align:center;
	width:60px;
}
.study tr.stTH2 td
{
	text-align:center;
}
.study tr.stDT td
{
	text-align:center;
}
.study tr.stDT td.st2,.study tr.stTH td.st2
{
	width: 120px;
	text-align: left;
	text-indent: 10px;
}
.study .stFD
{
   text-align:right;	
   border-bottom:none;
}
.aspen input
{
	background-image: url(image/aspen.png);
	background-repeat: no-repeat;
}
.clase
{
	background-position: left center;
	background-image: url(image/stop.png);
	background-repeat: no-repeat;
	margin-left: 20px;
	color: #FF3300;
	font-weight: bold;
	padding-left: 30px;
	height: 30px;
	line-height: 30px;
	display:inline-block;
}
.lasttime
{
	background-position: left center;
	background-image: url(image/ok24.png);
	background-repeat: no-repeat;
	margin-right: 20px;
	color: #008000;
	font-weight: bold;
	padding-left: 30px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
}
.notchk
{
	background-image: url(image/notchk.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.repTablePAN Table
{
    margin-bottom:40px;
}
.repTablePAN H2
{
    margin:0;
 }
 .reptbox #warbodyDIV
{
    max-height:150px;
}
 .reptbox .repButton
 {
   height:40px;
   width:60px;   
 }
.repH3 a
{
    text-decoration: none;
    color: #333333;
}
.repH3 a:hover
{
    text-decoration: underline;
    color: #0033CC;
}
#msgBox
{
    color: #FF6666;
    font-size: 12pt;
    margin: 5px 0 ;
}
.gb-date
{
    background-image: url(image/calendar.png?v=1);
    background-repeat: no-repeat;
    background-position: right center;
    min-height:24px;
}
ul.ibar
{
    border-top: 1px solid #CCCCCC;
    display: inline-block;
    width:90%;
    padding:15px 0 0 25px;
}
ul.ibar li
{
    list-style-type: none;
    font-size:12pt;
    display:inline-block;
    margin:0 8px;
}
ul.ibar li a
{
    text-decoration: none;
    display: inline-block;
    padding: 5px 8px;
    background-color: #336699;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    font-family: Arial;
    color: #F0F0F0;
}
ul.ibar li a:hover
{
    -moz-box-shadow: 0.5px 1px 5px #999966;
    -webkit-box-shadow: 0.5px 1px 5px #999966;
    box-shadow: 0.5px 1px 5px #999966;
}
ul.imar
{
    display: inline-block;
    width: 100%;
    padding: 15px 0;
    margin: 0;
    text-align: center;
    background-color: #FFFFFF;
}
ul.imar li
{
    list-style-type: none;
    font-size:11pt;
    display:inline-block;
    margin:5px;
    border:none;
}
ul.imar li a
{
    text-decoration: none;
    display: inline-block;
    padding: 5px 8px;
    background-color: #C0C0C0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    color: #000000;
    min-width: 78px;
}
ul.imar li a:hover
{
    -moz-box-shadow: 0.5px 1px 5px #999;
    -webkit-box-shadow: 0.5px 1px 5px #999;
    box-shadow: 0.5px 1px 5px #999;
}
ul.imar li.iover a
{
    background-color: #336699;
    color: #F0F0F0;
}

.tooltip_templates { display: none; }


.radio-tbr1 input[type="radio"],.radio-tbr2 input[type="radio"] {
    display:none; 
}

.radio-tbr1 label
{
	display: inline-block;
	background-color: #dcdcdc;
	padding: 4px 11px;
    font-size:12pt;
	cursor:pointer;
    margin: 5px;
}

.radio-tbr1 input[type="radio"]:checked + label
{
	background-color: #FBB040;
}


.radio-tbr2 label
{
	display: inline-block;
	cursor:pointer;
	padding: 5px 11px 5px 30px;
	background: url(image/savefrom.png)  no-repeat 0 3px;
	font-size: 14pt;
}

.radio-tbr2 input[type="radio"]:checked + label
{
	background-position: 0px -47px;
}

.checkbox-tbr1 input[type="checkbox"],.checkbox-tbr2 input[type="checkbox"]{
    display:none; 
}

.checkbox-tbr1 label {
    display:inline-block;
    background-color:#ddd;
    cursor:pointer;
    padding:4px 11px;
    font-size:12pt;
    margin: 5px;
    float:left;
}
ol.checkbox-tbr1, ol.checkbox-tbr2
{
    margin: 0;
    padding: 0;
}
.checkbox-tbr1 input[type="checkbox"]:checked + label
{
	background-color: #FBB040;
}

.checkbox-tbr2 label
{
	display: inline-block;
	padding: 5px 11px 5px 40px;
	font-size: 14pt;
	cursor:pointer;
	background: url(image/savefrom.png) no-repeat 0 -97px;
}

.checkbox-tbr2 input[type="checkbox"]:checked + label
{
	background-position: 0px -147px;
}

.zipbox span
{
	cursor: pointer;
	padding: 5px;
	border: #dcdcdc 1px solid;
	background-color: #f8f8ff;
	margin: 5px;
	display: inline-block;
	min-width: 65px;
	float: left;
	display: list-item;
	list-style-type: none;
}

.zipbox .zip_code
{
	background-color: #f5f5f5;
}
.zipbox .zip_sel
{
    background-color: #FBB040;
}
.zipbox span:hover
{
	border: #696969 1px solid;
}
.zipbox .zip_back
{
   display:inline-block;  
   width:100%;
   padding: 5px 0;
   border: #dcdcdc 1px solid;
   cursor: pointer;
   margin: 10px 0;
}
.zipbox p
{
   display:inline-block;
   width:100%;
}
.zipbox p.zip_zip50
{
    padding-top:10px;
    margin-top:10px;
}
.zipbox .zip50
{
   width:47%;
   margin-right:10px;
   float:left;
}
.zipbox .zip_back,.zipbox .zip_back:hover
{
	background-color: #ffff99;
}
.addList 
{
    display:inline-block;
    width:100%;
}
.addList SPAN
{
    display: inline-block;
    background-color: #FBB040;
    cursor: pointer;
    padding: 4px;
    font-size: 10pt;
    margin: 5px;
    float: left;
    width: 55px;
    text-align: center;
}
.TablePaging .ned {
    background: Transparent url(image/ned.png?v=3) no-repeat right bottom;
    background-color:inherit;
}
.docImageBox a.imageF:hover{
    background-color:#F7F7F7;
}
.docImageBox textarea{
    width:100%;   
    height:36px;
    box-sizing: border-box;
    float:left;
    font-size:8pt;
    border-top:darkgray 1px solid;
    overflow:auto; 
}
.docImageBox .file-edit{
    display:none;
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
}
.TextEdit .file-edit{
    display:inline-block;
}
.imageFBox{
    display: inline-block;
}
.imageF {
    border: 1px solid #666666;
    background-size:contain;
    background-repeat:no-repeat;
    background-position: center center ;
    width: 60px;
    height: 60px;
    margin:3px;
    float:left;
    display: inline-block;
    position:relative;
}
.sm-icon {
    background-size:auto;
}
.TextEdit .imageF {
    background-position: center 20%;
    width: 150px;
    height: 150px;
    margin:3px 3px 0 3px;    
}
.TextEdit .imageF:not(.sm-icon) {
    background-size:80% auto;
}
.docImageBox .modraging {
    cursor: move;
    width: 60px;
    height: 60px;
    position: absolute;
    border: 1px solid black;
    background-color: white;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.docImageBox .modraging span{
   
}
.docImageBox .dBack {
    float: left;
    width: 60px;
    height: 60px;
    background-color: white;
    border: 1px dashed black;
    margin:3px;
    filter: alpha(opacity=30);
    opacity: 0.3;
}
.flbfim a:hover
{
    text-decoration: none;
}
.imageF .dels {
    cursor: pointer;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: right;
    color: #FFFFFF;
    background-color: #993300;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 3px;
}
.imageF .move {
    cursor: pointer;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: left;
    color: #FFFFFF;
    background-color: #006699;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 3px;
    cursor: move;
}
.imageF .dels:hover {
    color: #FF0000;
}
.imageF .open {
    cursor: pointer;
    width: 100%;
    font-size: 200%;
    display: inline-block;
    text-align: center;
    color: #FF9900;
}
.imageF .open:hover {
    color: #66FF33;
}
select option[disabled=disabled] {
    background-color: #CCCCCC;
}
.yes-icon
{
    color: #33CC33;
}
.no-icon
{
    color: #FF0000;
}
.msgtable h2
{
    text-align: center;
}
.msgtable table
{
    border-collapse: collapse;
    border: #dcdcdc 1px solid;
    width: 500px;
}
.msgtable table td
{
    border: #dcdcdc 1px solid;
    padding:5px;
}

.msgtable table tr.msgTr td:first-child {
    width:40%;
    text-align:right;
}
.remodal .msgtable table{
    width: 100%;
    max-width:100%;
}
.remodal .msgtable table th{
    border: #dcdcdc 1px solid;
}
.remodal .msgtable table td{
    padding:2px;
    text-align:left;
    word-break: break-all;
}
.remodal .msgtable p{
    line-height: 2em;   
}
.remodal.messagebox
{
    font-size:12pt;  
}
/*~倉庫*/
select.usable .star--1,select.usable .star--2{
   display:none;   
}
select.forquery .star--2{
   display:none;   
}
select.foredit .star--1:not(:checked),select.foredit .star--2:not(:checked){
   display:none;   
}

/*~FrameView視窗*/
.FrameView #Headedit
{
}

#_mwt_slider_scroll_edit
{
    width:100%;
    height:100%;
    border-radius:none;
}
#_mwt_slider_content_edit
{
    width: 100%;
    height: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #666666;
}
#_mwt_slider_iframe_edit
{
    background-color: #FFFFFF;
    width:100%;
    height:90%;
}
#_mwt_slider_h2_edit
{
    margin:0;   
    float:left;
    padding:10px 10px 0 10px;
}
#_mwt_close_edit
{
    width:35px;
    height:35px;  
    margin: 5px;
    background-size:contain;
}
#_mwt_close_edit:hover
{
    background-color: #F2F2F2;
    border-radius: 5px;
}
#_mwt_slider_iframe_edit #_Cancel
{
    display:none;  
}
.xClose #_mwt_slider_iframe_edit
{
    height:100%;
}
.xClose #_mwt_slider_content_edit
{
    padding:0;
}
.xClose #_mwt_slider_h2_edit
{
    padding:0;
}
.remodal-shtable{
    border-collapse: collapse;
    border: #dcdcdc 1px solid;
}
.remodal-shtable th
{
    border: #dcdcdc 1px solid;
    text-align: center;
    padding:5px 0;
}
.remodal-shtable td
{
    border: #dcdcdc 1px solid;
    padding:5px;
    font-size:11pt;
}
.display-none{
    display:none; 
}
@media screen and (max-width: 767px)
{
    #aPsDiv {
        width: 100%;
    }
}

@media screen and (max-width: 480px)
{
    ul.imar li
    {
        font-size:9pt;
        margin: 5px 3px;
     }
    ul.imar li a{
        padding: 8px 5px;
        font-size:115%;
        min-width: 70px;
    }
    .zipbox .zip50
    {
       width:45%;
    }
}

.SHIELD .xPrice,
.SHIELD .Price,
.SHIELD .Discount,
.SHIELD .Subtotal,
.SHIELD .form_subtotal,
.SHIELD .form_tax,
.SHIELD .form_freight,
.SHIELD .form_total,
.SHIELD td.shield-cont,
.SHIELD td.shield-sales,
.SHIELD td.shield-income{
   color: transparent;
}