#loading, #loading2, #loading3 {
    text-align: center;
    letter-spacing: -2.33em;
    -webkit-animation: mymove 3s infinite; /* Chrome, Safari, Opera */
    animation: mymove 3s infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    50% {
        letter-spacing: 0.5em;
    }
}
/* Standard syntax */
@keyframes mymove {
    50% {
        letter-spacing: 0.5em;
    }
}
* {
    font-family: 微软雅黑,Verdana,Arial, Helvetica, sans-serif;
}
html{
    scrollbar-face-color: #FFEFA1;
}
::-webkit-scrollbar {
    width:0.9em;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #FFEFA1;
    border: 1px solid #A0A0A0;/**/
}

body {
    /*background: #b6b7bc;*/
    margin: 0px;
    padding: 0px;
    /*color: #696969;*/
    width: 100%;
    /*height: 100%;*/
}
td
{
   font-size:1em; 
}
label
{
 margin-right:1em;
}
a
{
color:#3E3E3E;
text-decoration:none;
cursor:hand; 
cursor:pointer;
}
a:hover
{
     color:#0088FF;
    text-decoration:none; 
}
a.bt:hover {
    color: #fff;
    text-decoration: none;
}
.csi{
font-size:1.2em;
padding:1em;
}
p
{
    margin-bottom: 1em;
    line-height: 1.6em;
}
.fl {
    float:left;
}
.intro
{
    margin-bottom: 2em;
    letter-spacing:0.05em;
    line-height:2em;
}
.dp
{
   margin-right:0.8em
}
    .hidetxtbox
    {
        margin:0;
        padding:0;
        width:0;
        height:0;
        border:0;
        display:none;
        }
    .logspan a {
    color:black;
}
.dn {
    display:none;
}
.div1{
    margin:1em auto;
    margin-bottom:0.5em;
    font-size:2em;
    font-weight:bold;
    padding:0.2em;
    background: #329B01;
    color:#fff;
    width:500px;
    border:2px solid darkslategray;
    border-radius:30px;
    text-align: center;
    clear:both;
}
.flowitem{
    font-size:1.5em;
    border:0.05em solid #1ECA7F;
    border-radius:10px;
    text-align: center;
    padding:0.3em 0.5em 0.3em 0em;
}
.wordkeep {
word-wrap:break-word;
word-break:keep-all;
float:left;
padding-top:1em;
margin-left:1em;
}
.wordkeep2 {
word-wrap:break-word;
word-break:keep-all;
float:left;
margin-top:0.5em;
margin-left:0.5em;
font-size:0.9em;
}
.wordkeep3 {
word-wrap:break-word;
word-break:keep-all;
font-size:1.2em;
}
.wordkeep4 {
word-wrap:break-word;
word-break:keep-all;
font-size:1em;
border:solid 1px #000000;
padding:0.1em 1em 0.1em 1em
}
.wordkeep5 {
word-wrap:break-word;
word-break:keep-all;
float:left;
margin-bottom:0.2em;
margin-right:0.5em;
font-size:1em;
}
.flowsel {
    background-color:#1ECA7F;
}
.flowsel sup {
 background-color:#ffffff;
 border:0.08em solid #ffffff;
 color:#1ECA7F;
}
.flowsel a {
 color:#ffffff;
}
.flownum {
    border-radius:60px;
    font-size:0.6em; 
    background:#1ECA7F;
    color:#fff;
    border:0.08em solid #1ECA7F;
    font-weight:bold;
}
.flowline {
    font-size:2em;
    color:#FF5232;
    vertical-align:central;
}
.flowtxt {
    font-size:0.8em;
}
.plan {

}
.recipe,.recipe2 {
    /*border:1px solid #ABAB8D;*/
    margin-bottom:0.5em;
    padding:0.5em;
}
.videopl {
width:252px;
text-align:center;
float:left;
margin:1em;
}
.filetitle {
font-size:1.2em;
font-weight:bold;
color:dodgerblue;
}
.filedel {
font-size:1.2em;
font-weight:bold;
color:orangered;
}
.videopl video {
width:252px;
}
.item_win {
padding-bottom:1em;
padding-top:1em;
border-top:1px dotted #6D6D6D;
border-bottom:1px dotted #6D6D6D; 
position:absolute;
width:100%;
background-color:cornsilk;
text-align:left;
z-index:33;
display:none;
}
.tab_select,.tab_select:hover {
float:left;
padding-left:0.3em;
padding-right:0.5em;
font-size:1.5em;
font-weight:bold;
color:white;
background-color:#329B01;
border-radius:8px 8px 8px 8px;
}
.tab_un {
float:left;padding-left:0.3em;padding-right:0.5em;font-size:1.5em;font-weight:bold;
}
/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    /*color: #666666;*/
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0;
}

h1
{
    font-size: 1.2em;
    letter-spacing:3px;
    font-weight:bold;
    color:#E60012;
    padding:0.5em 0 0.5em 0;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------960px*/

.page
{
    /*background-color: #ffffff;
    border-bottom: 0.07em solid #FBE381;*/
}

.header
{
    position:relative;
    margin: 0;
    padding: 0;
    /*background-color: #F3EE92;#FBE381;*/
    width: 100%;
}
.node:hover
{
   text-decoration:none; 
}

.leftCol
{
    padding: 0.5em 0;
    margin: 1em 0.8em 0.8em 0.8em;
    width: 20%;
    min-height: 20em;
}

.footer
{
     background-color:#1ECA7F;/*#FFB733;*/
    color: #ffffff;
    padding: 1.5em 0 1.5em 0;
    text-align: center;
    font-size:1.2em;
}
.footer a
{
    color: #ffffff; 
}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#FFE982;/*#FFDD39;*/
    width:100%;
}
div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}
div.menu ul li
{

    border-right:#9B632B 1px solid;
    border-bottom:#9B632B 1px solid;
     color:#ffffff;
}
div.menu ul.level2
{
    border:none;
}
div.menu ul.level2 li
{
    border:none;
}
div.menu ul li a, div.menu ul li a:visited
{
    /*background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;*/
    border-right:#D8A775 1px solid;
    border-bottom:#D8A775 1px solid;
    color: #000000;
    font-size:1.5em;
    display: block;
    /*line-height: 1.35em;*/
    padding: 0.4em 1em;
    text-decoration: none;
    white-space: nowrap;
    background-color:#FFE982;
}
div.menu ul.level2 li a,div.menu ul.level2 li a:visited
{
    border:none;
    border-left:#A8A8A8 1px solid;
    border-right:#A8A8A8 1px solid;
    border-bottom:#A8A8A8 1px solid;
    color:#18A367;
    background-color:#ffffff;  
    }
div.menu ul li a:hover
{
    background-color:#FFEFA1;/*#FFE982;*/
    /*color: #465c71;*/
    text-decoration: none;
}
div.menu ul.level2 li a:hover
{
    background-color:#1ECA7F;
    color:#ffffff;
    text-decoration: none;
}
/*div.menu {
    height: 57px;
    background: url(../asset/navBg.png) no-repeat center 0;
    position: absolute;
    top: 0;
    width: 100%;
}*/

/*div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}*/
div.menu2
{
   margin-top:-1em;
}
div.menu2 ul
{
    padding-left: 0;
}
div.menu2 ul li
{
    list-style: none;
    /*margin-bottom: 3px;*/
    padding: 0;
    width: auto;
}
div.menu2 ul li a, div.menu2 ul li a:visited,td.menue2 a,td.menue2 a:visited
{
    /*border: 1px #C1C1C0;
    border-style:dotted;*/
    display: block;
    line-height: 1.35em;
    padding: 0.5em 0.3em;
    text-decoration: none;
    white-space: nowrap;
    font-size:1em;
}

div.menu2 ul li a:hover,.selected,td.menue2 a:hover
{
    /*background-color: #FF3F01;*/
    color:#1ECA7F;
    font-weight:bold;
    text-decoration: none;
}
/* FORM ELEMENTS
----------------------------------------------------------*/

fieldset
{
    margin:0.5em;
    /*margin-top:1em;*/
    padding: 0.5em 0.5em 1em 0.5em;
    border: 0.07em solid #ccc;
}
legend 
{
    font-size: 1.1em;
    font-weight:bold;
}
fieldset p 
{
    margin: 0em 1.5em 0em 1.5em;
}
/*.login
{
    padding:1em
       }
fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}*/

fieldset label.inline 
{
    display: inline;
}
.ordertype
{
 margin:-1.2em -0.5em -1em 0;
 padding:0 1em 0.07em 1em;
 float:right;
 background-color:#329B01;
 color:#ffffff   
}
.cbox,.cbox2
{
-ms-transform: scale(1);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
zoom:150%; 
}
input 
{
    font-size:1em;
}
input.textEntry 
{
    border: 1px solid #ccc;
    font-size:1.2em;
    height:2em;
}

input.passwordEntry 
{
     border: 1px solid #ccc;
    font-size:1.2em;
    height:2em;
}

div.accountInfo
{
    /*width: 42%;*/
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    float: left;
    text-align: left;
     font-size:1.5em;
}
.loginDisplay
{
    font-size: 1.1em;
    text-align: right;
}
.loginDisplay a
{
   font-size: 1em;
   font-weight:bold;
}
.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.fold
{
font-size:1em;background-color:#3A4F63;
}
#icon
{
    color:#ffffff;
    font-size:1.3em;
    font-weight:bold;
}
/*table*/
table.tbone
{
	border-collapse:collapse;
	margin:0 auto;
	border:0.07em solid #B6C7F5;
}
table.tbone th {
    background-color:#FFE982;
    vertical-align:middle;
	height:1.3em;
	font-size:1.2em;
}
table.tbone th a,table.tbone th a:hover,table.tbone th a:visited
{
    color:#000000;
}
table.tbone td,table.tbone th{
	border:0.07em solid #B09F51;
	white-space:normal;
	word-wrap:break-word;
	word-break:break-all;
}
table.tbone2
{
	border-collapse:collapse;
	margin:0 auto;
	border:0.07em solid #B09F51;
}
table.tbone2 th {
    background-color:#FADE61;
    vertical-align:middle;
	height:1.3em;
	font-size:1.2em;
	color:#329B01;
}
table.tbone2 td,table.tbone2 th{
	border:0.07em solid #B09F51;
	white-space:normal;
	word-wrap:break-word;
	word-break:break-all;
}
table.tbone3
{
	border-top:0;
}
table.tbone3 td,table.tbone3 th{
	border-top:0;
}
.pager
{
    color:Blue;
    vertical-align:top;
}
.pager table tbody tr td
{
    border:0;
}
.pager span
{
    color:Red; 
    font-size:1.1em;
    margin-left:0.5em;
    float:left;
}
.pager a
{
    font-size:1.3em;
    margin-left:0.5em;
    float:left;
}
/*.pager td table
{
    margin:0 auto;
}
.pager td table td
{
     padding:0.3em;
     border:0;
}
.pager td table span
{
    color:Red; 
    font-size:1.5em;
}
.pager td table a
{
  font-size:2em;   
}*/
table.tbone tr.a1{
	background-color:#f5fafe;
}
select
{
    font-size:1em;
}
.itemcss
{
    border:0.07em solid #277800;
    margin:0.5em
    }
.itemdiv
{
    padding:0.39em; 
    padding-bottom:0; 
    }
.cell
{
    margin-right:1em;
    margin-bottom:0.2em;
    word-break:keep-all;
    display:block;
    float:left;
    }
.bt_border
{
    border:1px solid #D02000; 
    border-radius:6px;
    font-size:1.1em;
    display:inline-block;
    margin-left:0.1em;
}
.bt {
    color: White;
    background-color: #FF5232;
    border-color: #F3CAC2;
    border-width: 1px;
    border-style: solid;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-radius: 6px;
    padding-bottom: 0.1em;
    /*padding:0.1em 1.5em 0.1em 1.5em;*/
    cursor: hand;
    cursor: pointer;
}
.bt2 {
    background-color: #fff;
    border-color: #329B01;
    border-width: 1px;
    border-style: solid;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-radius: 3px;
    padding-bottom: 0.1em;
    /*padding:0.1em 1.5em 0.1em 1.5em;*/
    cursor: hand;
    cursor: pointer;
}
.bt3 {
    color: White;
    background-color: #1ECA7F;
    border-color: #F3CAC2;
    border-width: 1px;
    border-style: solid;
    padding-left: 0.3em;
    padding-right: 0.3em;
    border-radius: 6px;
    padding-bottom: 0.1em;
    /*padding:0.1em 1.5em 0.1em 1.5em;*/
    cursor: hand;
    cursor: pointer;
    font-size:0.969em;
}
.red
{
    color:Red;
}
.red_
{
    color:#E60012;
}
.line
{
    border-bottom:0.3em solid #FFA21C;
}
.green
{
    color:#1ECA7F;/*#329B01;*/
    font-weight:bold;
}
.green2
{
    color:#206701;
}
.green3
{
    color:#329B01;
    font-weight:bold;
}
.orange {
color:#FF5232;
}
.orange2 {
color:#FF5232;
font-size:1.3em
}
.blue
{
color:Blue;
}
.blue2
{
border-radius:6px;
background-color:#00A1E9;
border:0px #00A1E9 solid;
color:white;
font-size:1em;
padding-left:0.5em;
padding-right:0.5em;
}
.blue3
{
border-radius:6px;
background-color:#00A1E9;
border:0px #00A1E9 solid;
color:white;
font-size:1em;
padding-left:0.5em;
padding-right:0.5em;
padding-top:0.2em;
padding-bottom:0.2em;
}
.blue4,.blue4:hover
{
border-radius:6px;
background-color:#00A1E9;
border:0px #00A1E9 solid;
color:white;
font-size:1em;
padding-left:1em;
padding-right:1em;
padding-top:0.2em;
padding-bottom:0.2em;
text-align:center
}
.plan_sel {
    background-color: #EAF5FF
}
.plan_i {
    border: 1px solid #0588FF;
    border-radius: 12px;
    background-color: white;
    padding: 3px;
    margin-bottom:0.5em;
}
.trline td
{
/*border-bottom:1px solid #B6C7F5;*/    
}
.validator
{
 color:Red;
 font-size:1.2em;    
}

#info a
{
    color:#ffffff; 
}
/*div*/
.move
{
    background-color:blue;color:white;    
}
.move a,.move a:hover{color:white }
.unmove
{
    background-color:white;color:#1E50A2;  
}
.unmove a,.unmove a:hover{color:#1E50A2; }
/*button*/
.smbt
{
    height:2em;
}.reportstyle div
{
    text-align:center;
}
/*dialog start*/
		.disable-mouse {
			pointer-events: none;
		}
		body.disable-scroll {
			overflow:hidden;
		}

		.modal {
			position: fixed;
			top:0;
			bottom: 0;
			left: 0;
			right: 0;
			padding-top:1em;
			z-index: 999999;
			visibility: hidden;
			opacity: 0;
			pointer-events: none;
            transition: 200ms ease;
        	overflow:auto;
        	background-color:#ffffff;
            
		}

		.modal-close-btn {
			display: block;
			position: absolute;
			top:0px;
			right:0;
			cursor: pointer;
			color:Red;
			font-weight:bold;
            width:30px;
            height:30px;
            background-image:url("../assets/close.jpg");
		}
		.modal.show {
			opacity: 1;
			visibility: visible;
			pointer-events: auto;
		}
/*dialog end*/

.wrapper-scroll { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow: auto; position:absolute; top:0;bottom: 0; left: 0; right: 0; height:860px; }
.content {padding-left:1.2em; width: -moz-max-content; width: -webkit-max-content; width: -o-max-content; width: -ms-max-content; width: max-content; }
.section { float: left; overflow: hidden;margin: 0 1.2em 0 0; }


ul{ 
    margin: 0; padding: 0; -webkit-text-size-adjust: none 
}
ul, ol, li { list-style-type: none; vertical-align: 0 }
.hidden { display: none }
.mCon {
	width: 94%;
	margin:0 auto;
    padding:0;
}
.bx_chgBtn {overflow: hidden;}
.bx_chgBtn ul .mCon_btn {color:#D30D02; cursor: pointer; float: left; font-size: 1.3em; font-weight: bold;text-align: center; padding:0.1em 0.6em 0.13em 0.6em; }
.bx_chgBtn ul .mCon_Cutbtn {color:#ffffff;border:1px solid #6B74E6;border-radius:2em; background-color:#6B74E6}

.registeritem {
padding-left:1em;
padding-top:0.5em;
}
.itemtitle {
width:6em;
display:inline-block;
}

alert
.mask{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
	z-index: 99;
}
.popauto{
    width: 220px;
    position: fixed;
    top: 50%;
    left: 50%;
    border-radius: 4px;
    padding-top: 5px;
    background-color: #fff;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.popauto>p {
    font-size: 14px;
    line-height: 26px;
    margin: 15px;
    text-align: center;
    overflow: auto;
}

.popauto>footer {
    margin-top:10px;
    width: 100%;
    margin-bottom: 10px;
}

.popauto>footer>span.btn {
    height: 34px;
    line-height: 26px;
}

.popauto>footer>span.btn {
    color: #fff;
    display: block;
    margin-left: 15px;
    margin-right: 15px;
    background: #cc3433;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    border: 04px;
    padding: 5px 10px;
    text-align: center;
}
.ifrborder0 {
    border:1px dashed #29A03A;
}
.ifrborder1 {
    border:1px dashed #29A03A; border-top:none
}
.ifrfullscreen {
    position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff
}
.iconscreen {
    position:fixed; 
    top:1px;
    right:0.1em; 
    cursor:hand; 
    cursor:pointer;
}
.iconscreen2{
    position:fixed;
    top:33px;
    right:0.1em; 
    cursor:hand; 
    cursor:pointer;
}
.iconfresh {
    position:fixed; top:30px;right:0.1em; 
    cursor:hand; 
cursor:pointer;
}

.sel0 {
background-color:#569DED;
color:white;
/*font-weight:bold;*/
}
.btd {
    cursor:hand; 
cursor:pointer;
}