@import url("publicDialog20210128.css");
/****public****/
body,body>display
{
	margin:0px;
	min-height:100%;
	display:flex;
	flex-direction:column;
}
body,html
{
	overflow-x:hidden;
	overflow-y:auto;
	height:100%;
}
body>display *,covermask *,secondmask *
{
	color:gray;
	display:block;
	font-family:"Tahoma","微軟正黑體";
}
input[type=text],input[type=number]
{
	color:black;
}
/****mobile****/
@media only screen and (min-width:0px) and (max-width:768px)
{
	/************[head]***********/
	frameHead
	{
		position:fixed;
		top:0;
		left:0;
		z-index:10;
		width:100%;
		min-height:50px;
	}
	content[com=topbar]
	{
		background:white;
		width:calc(100% - 1px);
		-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,0.2);
  	box-shadow: 0 0 4px 2px rgba(0,0,0,0.2);
	}
	content[com=topbar]>content
	{
		display:inline-block;
		height:30px;
	}
	content[com=topbar]>content[com=clickMenu]
	{
		cursor:pointer;
		width:40px;
		text-align:center;
	}
	content[com=topbar]>content[com=clickMenu]::before
	{
		content:attr(data-insert-icon);
		font-style:normal;
		font-family:var(--faw);
		font-size:22px;
		vertical-align:middle;
	}
	content[com=topbar]>content[com=middle]
	{
		width:calc(100% - 120px);
		text-align:center;
	}
	content[com=topbar]>content[com=middle]>content
	{
		display:inline-block;
		vertical-align:middle;
	}
	content[com=topbar]>content[com=middle]>content[com=logo]>img
	{
		max-width:150px;
		max-height:30px;
		margin:5 5 5 0;
		display:inline-block;
	}
	content[com=topbar]>content[com=middle]>content[com=logo]::after
	{
		content:attr(titleName);
		display:inline-block;
		vertical-align:top;
		padding:8 0;
		color:#000;
		font-weight:bold;
	}
	content[com=topbar]>content[com=search]
	{
		width:50px;
		height:35px;
		float:right;
		text-align:center;
	}
	content[com=topbar]>content[com=search]::before
	{
		content:attr(data-insert-icon);
		width:30px;
		height:35px;
		line-height:35px;
		font-family:var(--faw);
		font-size:23px;
		color:var(--ci-color);
		vertical-align:middle;
	}
	/*****[index][carousel]******/
	carousel[com=outer]
	{
		position:relative;
	}
	carousel[com=inside]>content[com*=carouselImage] img
	{
		/*filter:brightness(0.9);*/
	}
	carousel[com=inside]
	{
	  overflow:hidden;
	  position:absolute;
	  top:0;
	  bottom:0;
	  left:0;
	  width:100%;
	  margin:0;
	  box-sizing:border-box;
	}
	carousel[com=inside] content[com*=carouselImage]
	{
	  position:absolute;
	  top:0;
	  left:0;
	  opacity:1;
	  filter:alpha(opacity=100);
	  left:100%;
	  width:100%;
	  -webkit-animation:carouselPlay var(--carousel-full-sec) linear infinite;
	  animation:carouselPlay var(--carousel-full-sec) linear infinite;
	}
	carousel[com=inside] content img																		{width:100%;}
	carousel[com=inside] content[com*=carouselImage]:nth-child(1),
	carousel[com=containerInSubject1]>content[com*=sJ1_]:nth-child(1),
	carousel[com=containerInSubject2]>content[com*=sJ2_]:nth-child(1)		{animation-delay:0s;}	
	carousel[com=inside] content[com*=carouselImage]:nth-child(2),
	carousel[com=containerInSubject1]>content[com*=sJ1_]:nth-child(2),
	carousel[com=containerInSubject2]>content[com*=sJ2_]:nth-child(2)		{animation-delay:10s;}	
	carousel[com=inside] content[com*=carouselImage]:nth-child(3),
	carousel[com=containerInSubject1]>content[com*=sJ1_]:nth-child(3),
	carousel[com=containerInSubject2]>content[com*=sJ2_]:nth-child(3)		{animation-delay:20s;}
	carousel[com=inside] content[com*=carouselImage]:nth-child(4),
	carousel[com=containerInSubject1]>content[com*=sJ1_]:nth-child(4),
	carousel[com=containerInSubject2]>content[com*=sJ2_]:nth-child(4)		{animation-delay:30s;}
	carousel[com=inside] content[com*=carouselImage]:nth-child(5),
	carousel[com=containerInSubject1]>content[com*=sJ1_]:nth-child(5),
	carousel[com=containerInSubject2]>content[com*=sJ2_]:nth-child(5)		{animation-delay:40s;}
	carousel[com=inside] content[com*=carouselImage]:nth-child(6),
	carousel[com=containerInSubject1]>content[com*=sJ1_]:nth-child(6),
	carousel[com=containerInSubject2]>content[com*=sJ2_]:nth-child(6)		{animation-delay:50s;}
	carousel[com=inside] content[com*=carouselImage]:nth-child(7),
	carousel[com=containerInSubject1]>content[com*=sJ1_]:nth-child(7),
	carousel[com=containerInSubject2]>content[com*=sJ2_]:nth-child(7)		{animation-delay:60s;}
	carousel[com=inside] content[com*=carouselImage]:nth-child(8),
	carousel[com=containerInSubject1]>content[com*=sJ1_]:nth-child(8),
	carousel[com=containerInSubject2]>content[com*=sJ2_]:nth-child(8)		{animation-delay:70s;}	
	carousel[com*=containerInSubject]																		{position:relative;}
	carousel[com=containerInSubject1]>content[com*=sJ1_]
	{
		position:absolute;
		width:100%;
		color:white;
		font-size:28px;
		font-weight:bold;
		top:-50vh;
		left:-100%;
		z-index:8;
		text-shadow:1px 1px 5px black;
	  animation:sJ1Move var(--carousel-full-sec) linear infinite;
	}
	carousel[com=containerInSubject2]>content[com*=sJ2_]
	{
		width:100%;
		white-space:nowrap;
		color:white;
		font-size:28px;
		font-weight:bold;
		position:absolute;
		top:calc(-50vh + 50px);
		left:200%;
		z-index:8;
		text-shadow:1px 1px 5px black;
	  animation:sJ2Move var(--carousel-full-sec) linear infinite;
	}
	/******[menu]******/
	mainMenu[com=outer]
	{
		position:fixed;
		top:0;
		left:0;
		z-index:110;
		width:80%;
		height:100vh;
		background:white;
		overflow-y:auto;
		overflow-x:hidden;
		display:none;
	}
	mainMenu[com=outer]>mainMenu[com=close]
	{
		cursor:pointer;
		position:absolute;
		top:5;
		right:0;
		width:35px;
		height:35px;
	}
	mainMenu[com=outer]>mainMenu[com=close]::before
	{
		content:"\f00d";
		width:35px;
		font-family:var(--faw);
		font-size:32px;
		color:var(--ci-color);
		text-align:center;
	}
	mainMenu[com=inside]
	{
		width:80%;
		margin:30 auto 0 auto;
	}
	mainMenu[com=inside]>content[com*=mItem_]
	{
		width:calc(100% - 10px);
		height:40px;
		font-size:14px;
		padding:0 0 0 10;
		text-align:left;
	}
	mainMenu[com=inside]>content[com*=commentMenu]
	{
		width:100%;
		height:35px;
		line-height:35px;
		background:#e2e2e2;
		padding:0 0 0 5;
		margin:0 0 10 0;
	}
	mainMenu[com=inside]>content[com*=mItem_][data-insert-icon]:not(content[com*=mItem_][data-insert-icon=''])::before
	{
		content:attr(data-insert-icon);
		width:35px;
		font-family:var(--faw);
		font-size:20px;
		color:var(--ci-color);
		text-align:center;
		display:inline-block;
	}
	mainMenu[com=inside]>content[com*=mItem_]>content[com=menuIcon]
	{
		width:35px;
		display:inline-block;
		vertical-align:middle;
	}
	mainMenu[com=inside]>content[com*=mItem_]>content[com=menuIcon] img
	{
		width:24px;
		margin:0 auto 0 auto;
	}
	/******[body]******/
	frameBody
	{
		flex:1;
	}
	frameBody>content[com=outer]
	{
		width:100%;
		margin:50 0 100 0;
	}
	frameBody>content[com=outer]>content[com=inside],
	frameBody>content[com=Index]
	{
		width:93%;
		background:white;
		margin:10 auto 100 auto;
		padding:5;
		border-radius:5px;
		-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,0.2);
  	box-shadow: 0 0 4px 2px rgba(0,0,0,0.2);
	}
	content[com=inside]>content[com=subject],
	content[com=Index]>content[com*=subject_],
	content[com=detial]>content[com*=subject]
	{
		width:95%;
		margin:10 auto 10 auto;
		padding:0 0 0 5;
		font-size:20px;
		font-weight:bold;
		color:black;
		border-left:5px solid var(--ci-color);
	}
	/******[index][carousel]******/
	carousel[com=outer]>content[com=subject1]
	{
		min-width:50%;
		color:white;
		font-size:32px;
		font-weight:bold;
		position:absolute;
		top:calc(50% - 100px);
		left:-300;
		z-index:8;
		text-shadow:1px 1px 5px black;
	}
	carousel[com=outer]>content[com=subject2]
	{
		min-width:50%;
		color:white;
		font-size:32px;
		font-weight:bold;
		position:absolute;
		top:calc(50% - 50px);
		left:calc(100% + 300px);
		z-index:8;
		text-shadow:1px 1px 5px black;
	}
	/******[index][list]*******/
	content[com=Index] content[com*=catalogItem]>content[com=itemInfo]>content
	{
		display:inline-block;
	}
	content[com=Index] content[com*=catalogItem] content[com=itemDate],
	content[com=Index] content[com*=catalogItem] content[com=itemTypeInSQL],
	content[com=Index] content[com*=bulletinItem]>content[com=itemDate]
	{
		font-size:12px;
		padding:0 0 0 3;
	}
	content[com=Index] content[com*=catalogItem] content[com=itemTypeInSQL]
	{
		font-size:12px;
		font-weight:bold;
		color:red;
	}
	/******[catalog][list]******/
	content[com=catalog],content[com=bulletin]
	{
		border-top:1px solid #f2f2f2;
	}
	content[com=catalog]>content[com*=jobItem],
	content[com=catalog]>content[com*=catalogItem],
	content[com=catalog]>content[com*=catalogJC1],
	content[com=bulletin]>content[com*=bulletinItem]
	{
		width:95%;
		margin:10 auto 10 auto;
		border-bottom:1px solid #f2f2f2;
	}
	content[com=catalog]>content[com*=catalogJC1]>content[com=itemBase64]
	{
		width:30px;
		margin:10 auto 10 auto;
		display:inline-block;
		vertical-align:middle;
	}
	content[com=catalog]>content[com*=jobItem]>content[com=jobName],
	content[com=catalog]>content[com*=catalogJC1]>content[com=itemName],
	content[com=catalog]>content[com*=catalogItem]>content[com=itemName]
	{
		color:var(--ci-color);
		font-weight:bold;
		display:inline-block;
		vertical-align:middle;
	}
	content[com=catalog]>content[com*=catalogItem]>content[com=itemSubject],
	content[com=bulletin]>content[com*=bulletinItem]>content[com=itemSubject]
	{
		width:95%;
		padding:5 0 5 0;
		color:var(--ci-color);
		font-weight:bold;
		display:inline-block;
		vertical-align:middle;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
	content[com=catalog]>content[com*=jobItem]>content[com=jobName]::before,
	content[com=catalog]>content[com*=catalogItem]>content[com=itemName]::before,
	content[com=catalog]>content[com*=catalogItem]>content[com=itemSubject]::before,
	content[com=bulletin]>content[com*=bulletinItem]>content[com=itemSubject]::before
	{
		content:attr(data-insert-icon);
		width:25px;
		color:var(--ci-color);
		font-family:var(--faw);
		font-size:14px;
		display:inline-block;
		text-align:center;
	}
	content[com=catalog]>content[com*=catalogItem]>content[com=itemCreate],
	content[com=catalog]>content[com*=catalogItem]>content[com=itemDate],
	content[com=catalog]>content[com*=catalogItem]>content[com=itemSerial]
	{
		width:49%;
		font-size:12px;
		font-family:"Tahoma";
		display:inline-block;
	}
	content[com=catalog]>content[com*=catalogItem]>content[com=itemDate]
	{
		text-align:right;
	}
	content[com=catalog]>content[com*=jobItem]>content[com=jobContent],
	content[com=catalog]>content[com*=catalogJC1]>content[com=itemContent],
	content[com=catalog]>content[com*=catalogItem]>content[com=itemName],
	content[com=catalog]>content[com*=catalogItem]>content[com=itemContent]
	{
		margin:5 auto 0 auto;
		width:90%;
		min-height:30px;
		font-size:14px;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
	content[com=catalog]>content[com=editorText]
	{
		width:95%;
		margin:10 auto 20 auto;
	}
	content[com=catalog]>content[com*=jobItem]>content[com=jobWorker]
	{
		width:100%;
		font-size:12px;
		text-align:right;
	}
	/******[catalog][detial]******/
	content[com=detial]
	{
		width:95%;
		margin:20 auto 20 auto;
	}
	content[com=detial]>content[com=itemSerial],
	content[com=detial]>content[com=itemCreate]
	{
		padding:5 0 0 0;
		font-family:"Tahoma";
		font-size:12px;
	}
	content[com=detial]>content[com=itemSubject]
	{
		padding:5 0 0 0;
		color:var(--ci-color);
		font-weight:bold;
	}
	content[com=detial]>content[com=itemInfo]
	{
		padding:0 0 3 0;
		font-size:14px;
		color:var(--ci-color);
		border-bottom:1px solid #f2f2f2;
	}
	content[com=detial]>content[com=itemPhoto]
	{
		margin:10 0 10 0;
		
	}
	content[com=detial]>content[com=itemPhoto]>img
	{
		max-width:100%;
		border-radius:5px;
		-webkit-box-shadow:0 0 4px 2px rgba(0,0,0,0.2);
  	box-shadow:0 0 4px 2px rgba(0,0,0,0.2);
	}
	content[com=detial]>content[com=itemsignInPeriod],
	content[com=detial]>content[com=itemworkInStart],
	content[com=detial]>content[com=itemPrice]>price
	{
		padding:3 0 3 0;
		font-size:14px;
	}
	content[com=detial]>content[com=itemClose]
	{
		font-size:18px;	
		font-weight:bold;
		color:red;
		padding:10 0 0 0;	
	}
	content[com=detial]>content[com=itemPrice]
	{
		margin:0 0 10 0;
	}
	content[com=detial]>content[com=itemPrice]>price
	{
		display:inline-block;
	}
	content[com=detial]>content[com=comment][for*=editorText]
	{
		margin:20 0 0 0;
		padding:3 0 3 5;
		border-left:3px solid var(--ci-color);
		font-size:16px;
		color:black;
	}
	content[com=contacts]
	{
		width:95%;
		margin:20 auto 20 auto;
	}
	content[com=contacts]>content[com=company]
	{
		padding:3 0 3 0;
		font-size:14px;
		font-weight:bold;
		color:var(--ci-color);
	}
	content[com=contacts]>content[com=phone],
	content[com=contacts]>content[com=fax],
	content[com=contacts]>content[com=address]
	{
		padding:0 0 6 0;
		font-size:14px;
	}
	content[com=contacts]>content[com=map]
	{
		width:100%;
		height:150px;
		border:1px solid silver;
	}
	content[com=contacts]>content[com=map]>iframe
	{
		width:100%;
		height:150px;
		border:0;
	}
	content[com=contacts] content[com=require],
	content[com=contacts] content[com=Notrequire],
	content[com=students]	content[com=require],
	content[com=students]	content[com=Notrequire]
	{
		padding:10 0 5 0;
		font-size:14px;
		color:var(--ci-color);
	}
	content[com=contacts] content[com=require]::before,
	content[com=students] content[com=require]::before
	{
		content:"*";
		font-size:16px;
		color:red;
		vertical-align:middle;
	}
	content[com=contacts] formElement,
	content[com=students] formElement
	{
		position:relative;
	}
	content[com=contacts] formElement>label[inbox=icon],
	content[com=students] formElement>label[inbox=icon]
	{
		width:30px;
		height:100%;
		position:absolute;
		left:0;
		top:0;
		border-right:1px solid silver;
		background:var(--ci-color);
		border-radius:3px 0 0 3px;
		display:inline-block;
	}
	content[com=contacts] formElement>label[inbox=icon]::before,
	content[com=students] formElement>label[inbox=icon]::before
	{
		content:attr(data-insert-icon);
		font-family:var(--faw);
		width:100%;
		height:100%;
		font-size:18px;
		color:white;
		display:inline-block;
		text-align:center;
		position:relative;
		top:calc(50% - 9px);
	}
	content[com=contacts] formElement>input,
	content[com=contacts] formElement>textarea,
	content[com=students] formElement>input,
	content[com=students] formElement>select,
	content[com=students] formElement>textarea
	{
		background:white;
		width:100%;
		height:30px;
		border:1px solid silver;
		border-radius:3px;
		padding:0 0 0 33;
	}
	content[com=contacts] formElement>textarea,
	content[com=students] formElement>textarea
	{
		height:120px;
		padding:5 0 0 33;
	}
	content[com=contacts] formElement>clickButton,
	content[com=students] formElement>clickButton
	{
		font-size:16px;
		margin:10 0 10 0;
		background:var(--ci-color);
		border-radius:3px;
		text-align:center;
		color:white;
		padding:8 0 8 0;
	}
	content[com=contacts] formElement>canvas
	{
		margin:0 0 10 0;
		width:100%;
		border:1px solid black;
	}
	content[com=contacts] formElement>formError,
	content[com=students] formElement>formError
	{
		display:none;
		font-size:12px;
		color:red;
		padding:3 0 3 33;
		border-bottom:1px solid #f2f2f2;
	}
	/******[BODY][HTML EDITOR]******/
	content content[com*=editorText] img
	{
		max-width:100%;
	}
	content[com*=editorText]
	{
		width:95%;
		margin:10 auto 0 auto;
		font-size:14px;
		line-height:20px;
	}
	content[com*=editorText] *
	{
		font-size:12px;
		line-height:23px;
	}
	content[com*=editorText] ul
	{
		width:80%;
	}
	content[com*=editorText] li
	{
		width:100%;
		padding:5 0 5 0;
		text-align:justify;
	}
	content[com*=editorText] ul>li:before
	{
    content:"";
    display:list-item;
    position:absolute;
	}
	/******[footer]******/
	content[com=footer]
	{
		position:fixed;
		bottom:0;
		left:0;
		z-index:5;
		width:100%;
		height:80px;
		background:var(--ci-color);
		-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,0.2);
  	box-shadow: 0 0 4px 2px rgba(0,0,0,0.2);
	}
	content[com=footer]>content[com=footermenu]
	{
		width:100%;
	}
	content[com=footermenu]>content[com*=footeritem]
	{
		height:100%;
		display:inline-block;
		border-right:1px solid white;
	}
	content[com=footermenu]>content[com*=footeritem]:last-child
	{
		border-right:0;
	}
	/**[2 items]**/
	content[com=footermenu]>content[com*=footeritem]:nth-child(1):nth-last-child(2),
	content[com=footermenu]>content[com*=footeritem]:nth-child(2):nth-last-child(1)
	{
		width:calc((100% / 2) - 2px);
	}
	/**[3 items]**/
	content[com=footermenu]>content[com*=footeritem]:nth-child(1):nth-last-child(3),
	content[com=footermenu]>content[com*=footeritem]:nth-child(2):nth-last-child(2),
	content[com=footermenu]>content[com*=footeritem]:nth-child(3):nth-last-child(1)
	{
		width:calc((100% / 3) - 2px);
	}
	/**[4 items]**/
	content[com=footermenu]>content[com*=footeritem]:nth-child(1):nth-last-child(4),
	content[com=footermenu]>content[com*=footeritem]:nth-child(2):nth-last-child(3),
	content[com=footermenu]>content[com*=footeritem]:nth-child(3):nth-last-child(2),
	content[com=footermenu]>content[com*=footeritem]:nth-child(4):nth-last-child(1)
	{
		width:calc((100% / 4) - 2px); 
	}
	content[com=footermenu]>content[com*=footeritem]>content[com=menuIcon]
	{
		width:40px;
		height:40px;
		margin:10 auto 0 auto;
		border:2px solid white;
		border-radius:255px;
	}
	content[com=footermenu]>content[com*=footeritem]>content[com=menuIcon]>img
	{
		margin:5 auto 0 auto;
	}
	content[com=footermenu]>content[com*=footeritem]>content[com=comment]
	{
		width:100%;
		margin:5 0 0 0;
		color:white;
		font-size:14px;
		text-align:center;
	}
}

/****desktop****/
@media only screen and (min-width:769px) and (max-width:3000px)
{
	content[com=NotSupportDesktop]
	{
		position:absolute;
		top:0;
		left:0;
		z-index:999;
		width:100%;
		height:100%;
		overflow:hidden;
		background:white;
		text-align:center;
		display:inline-block;
	}
	content[com=NotSupportDesktop]::before
	{
		content:" ";
		width:0;
		height:100%;
		display:inline-block;
		vertical-align:middle;
	}
	/************[head]***********/
	/*
	frameHead
	{
		width:100%;
		min-height:50px;
	}
	topBar[com=outer]
	{
		width:100%;
		background:#F2F2F2;
		height:35px;
		line-height:35px;
	}
	topBar[com=outer]>topBar[com=inside],
	logoBar[com=outer]>logoBar[com=inside]
	{
		width:65%;
		margin:0 auto 0 auto;
	}
	topBar[com=outer]>topBar[com=inside]>content,
	topBar[com=outer]>topBar[com=inside]>content>a
	{
		font-size:14px;
		display:inline-block;
	}
	topBar[com=outer]>topBar[com=inside]>content>a
	{
		cursor:hand;
		height:25px;
		line-height:25px;
		color:white;
		background:red;
		margin:0 5 0 5;
		padding:0 5 0 5;
		border-radius:3px;
	}
	logoBar[com=outer]
	{
		width:100%;
	}
	logoBar[com=outer]>logoBar[com=inside]
	{
		position:relative;
	}
	logoBar[com=outer]>logoBar[com=inside]>content
	{
		vertical-align:top;
		display:inline-block;
	}
	logoBar[com=outer]>logoBar[com=inside]>content img
	{
		max-height:80px;
		padding:10 0 10 0;
	}
	logoBar[com=outer]>logoBar[com=inside]>content[com=slogan1],
	logoBar[com=outer]>logoBar[com=inside]>content[com=slogan2]
	{
		font-size:20px;
		font-weight:bold;
		vertical-align:bottom;
		color:#666666;
		border-right:1px solid gray;
		padding:0 5 0 0;
		margin:0 0 10 10;
	}
	logoBar[com=outer]>logoBar[com=inside]>content[com=slogan2]
	{
		font-size:14px;
		border:0;
		padding:0;
		margin:0 0 12 5;
	}
	logoBar[com=outer]>logoBar[com=inside]>content[com=smallclick]
	{
		position:absolute;
		bottom:10;
		right:50;
	}
	logoBar[com=outer]>logoBar[com=inside]>content[com=smallclick]>content[com*=smc]
	{
		font-size:16px;
		border-right:1px solid gray;
		display:inline-block;
		color:#666666;
		text-align:center;
		padding:0 10 0 10;
	}
	logoBar[com=outer]>logoBar[com=inside]>content[com=smallclick]>content[com*=smc]::before
	{
		content:attr(data-insert-icon);
		font-style:normal;
		font-family:var(--faw);
		margin:0 8 0 0;
	}
	*/
	/************[body]***********/
	/*
	frameBody
	{
		flex:1;
	}
	*/
	/*****[index][carousel]******/
	/*
	carousel[com=outer]
	{
		height:100vh;
		position:relative;
	}
	carousel[com=inside]>content[com*=carouselImage] img
	{
		filter:brightness(0.8);
	}
	carousel[com=inside]
	{
	  overflow:hidden;
	  position:absolute;
	  top:0;
	  bottom:0;
	  left:0;
	  width:100%;
	  margin:0;
	  box-sizing:border-box;
	}
	carousel[com=inside] content[com*=carouselImage]
	{
	  position:absolute;
	  top:0;
	  left:0;
	  opacity:1;
	  filter:alpha(opacity=100);
	  left:100%;
	  width:100%;
	  -webkit-animation:carouselPlay var(--carousel-full-sec) linear infinite;
	  animation:carouselPlay var(--carousel-full-sec) linear infinite;
	}
	carousel[com=inside] content img
	{
	  width:100%;
	}
	carousel[com=containerInSubject1]
	{
		border:1px solid red;	
	}
	carousel[com=inside] content[com*=carouselImage]:nth-child(1),
	carousel[com=containerInSubject1]>content[com*=sJ1_]:nth-child(1),
	carousel[com=containerInSubject2]>content[com*=sJ2_]:nth-child(1){animation-delay:0s;}	
	carousel[com=inside] content[com*=carouselImage]:nth-child(2),
	carousel[com=containerInSubject1]>content[com*=sJ1_]:nth-child(2),
	carousel[com=containerInSubject2]>content[com*=sJ2_]:nth-child(2){animation-delay:10s;}	
	carousel[com=inside] content[com*=carouselImage]:nth-child(3),
	carousel[com=containerInSubject1]>content[com*=sJ1_]:nth-child(3),
	carousel[com=containerInSubject2]>content[com*=sJ2_]:nth-child(3){animation-delay:20s;}
	carousel[com=inside] content[com*=carouselImage]:nth-child(4),
	carousel[com=containerInSubject1]>content[com*=sJ1_]:nth-child(4),
	carousel[com=containerInSubject2]>content[com*=sJ2_]:nth-child(4){animation-delay:30s;}
	carousel[com=inside] content[com*=carouselImage]:nth-child(5),
	carousel[com=containerInSubject1]>content[com*=sJ1_]:nth-child(5),
	carousel[com=containerInSubject2]>content[com*=sJ2_]:nth-child(5){animation-delay:40s;}
	carousel[com=inside] content[com*=carouselImage]:nth-child(6),
	carousel[com=containerInSubject1]>content[com*=sJ1_]:nth-child(6),
	carousel[com=containerInSubject2]>content[com*=sJ2_]:nth-child(6){animation-delay:50s;}
	carousel[com=inside] content[com*=carouselImage]:nth-child(7),
	carousel[com=containerInSubject1]>content[com*=sJ1_]:nth-child(7),
	carousel[com=containerInSubject2]>content[com*=sJ2_]:nth-child(7){animation-delay:60s;}
	carousel[com=inside] content[com*=carouselImage]:nth-child(8),
	carousel[com=containerInSubject1]>content[com*=sJ1_]:nth-child(8),
	carousel[com=containerInSubject2]>content[com*=sJ2_]:nth-child(8){animation-delay:70s;}	
	carousel[com=containerInSubject1]>content[com*=sJ1_]
	{
		position:absolute;
		width:auto;
		color:white;
		font-size:48px;
		font-weight:bold;
		top:calc(50% - 100px);
		left:-100%;
		z-index:8;
		text-shadow:1px 1px 5px black;
	 	animation:sJ1Move var(--carousel-full-sec) linear infinite;
	}
	carousel[com=containerInSubject2]>content[com*=sJ2_]
	{
		width:auto;
		white-space:nowrap;
		color:white;
		font-size:48px;
		font-weight:bold;
		position:absolute;
		top:calc(50% - 25px);
		left:200%;
		z-index:8;
		text-shadow:1px 1px 5px black;
	  animation:sJ2Move var(--carousel-full-sec) linear infinite;
	}
	*/
	/************[menu]***********/
	/*
	mainMenu[com=outer]
	{
		position:relative;
		width:100%;
		background:var(--ci-color);
	}
	mainMenu[com=outer]>mainMenu[com=inside]
	{
		width:65%;
		margin:0 auto 0 auto;
	}
	mainMenu[com=inside]>content[com*=MM_]
	{
		cursor:hand;
		width:120px;
		height:40px;
		line-height:40px;
		color:white;
		font-size:18px;
		font-weight:bold;
		display:inline-block;
		text-align:center;
	}
	mainMenu[com=inside]>content[com*=MM_]:hover
	{
		background:white;
		color:var(--ci-color);
	}
	mainMenu[com=inside]>content[com=floatMenu]
	{
		display:none;
		width:100%;
		background:rgba(255,255,255,0.9);
		position:absolute;
		left:0;
		top:40;
		z-index:25;
	}
	content[com=floatMenu]>content[com=floatMenuUp]
	{
		width:90%;
		margin:0 auto 0 auto;
	}
	content[com=floatMenu]>content[com=floatMenuUp]>content[com*=MG_]
	{
		width:calc(25% - 2px);
		display:inline-block;
		border-right:1px solid gray;
		
	}
	content[com=floatMenu]>content[com=floatMenuUp]>content[com*=MG_]:hover
	{
		background:#DEDEDE;
	}
	content[com=floatMenu]>content[com=floatMenuUp]>content[com=MG_0]
	{
		border-bottom:3px solid red;
	}
	content[com=floatMenu]>content[com=floatMenuUp]>content[com=MG_1]
	{
		border-bottom:3px solid #8080FF;
	}
	content[com=floatMenu]>content[com=floatMenuUp]>content[com=MG_2]
	{
		border-bottom:3px solid green;
	}
	content[com=floatMenu]>content[com=floatMenuUp]>content[com=MG_3]
	{
		border-bottom:3px solid orange;
		border-right:0;
	}
	content[com=floatMenu]>content[com=floatMenuUp]>content[com*=MG_]>content[com=PJIcon]
	{
		padding:0 0 0 10;
		vertical-align:middle;
		display:inline-block;
	}
	content[com=floatMenu]>content[com=floatMenuUp]>content[com*=MG_]>content[com=PJSubject]
	{
		height:30px;
		line-height:30px;
		padding:0 0 0 5;
		font-size:20px;
		font-weight:bold;
		vertical-align:middle;
		display:inline-block;
	}
	content[com=floatMenu]>content[com=floatMenuUp]>content[com*=MG_]>content[com=PJText]
	{
		width:100%;
		height:23px;
		line-height:23px;
		padding:0 0 0 10;
		font-size:14px;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
	content[com=floatMenu]>content[com=floatMenuDown]
	{
		position:relative;
		width:90%;
		margin:10 auto 10 auto;
	}
	content[com=floatMenu]>content[com=floatMenuDown]>content[com*=PJItem_]
	{
		display:none;
		position:sticky;
		top:0;
		left:0;
	}
	content[com=floatMenu]>content[com=floatMenuDown]>content[com=PJItem_0]
	{
		display:block;
	}
	content[com=floatMenu]>content[com=floatMenuDown]>content[com*=PJItem_]>content[com*=MI_]
	{
		height:23px;
		line-height:23px;
		margin:3 0 3 10;
		width:calc(16% - 12px);
		display:inline-block;
		font-size:14px;
		color:var(--ci-color);
	}
	*/
	/************[footer]***********/
	/*
	frameFooter
	{
		width:100%;
		min-height:100px;
		background:#666666;
	}
	Footer[com=outer]
	{
		width:100%;
		height:200px;
	}
	Footer[com=outer]>Footer[com=inside]
	{
		width:65%;
		margin:20 auto 0 auto;
	}
	Footer[com=outer]>Footer[com=inside]>FooterBar
	{
		width:30%;
		display:inline-block;
		vertical-align:top;
	}
	Footer[com=outer]>Footer[com=inside]>FooterBar[com=right]
	{
		width:65%;
		height:95%;
		display:inline-block;
		vertical-align:top;
		border-left:1px solid #f2f2f2;
	}
	FooterBar[com=left]>content[com=logo]
	{
		display:inline-block;
	}
	FooterBar[com=left]>content[com=logo] img
	{
		max-height:50px;
	}
	FooterBar[com=left]>content[com=slogan]
	{
		display:inline-block;
		color:white;
		margin:0 0 0 5;
		font-weight:bold;
	}
	FooterBar[com=left]>content[com=service],
	FooterBar[com=left]>content[com=tel],
	FooterBar[com=left]>content[com=fax]
	{
		font-size:14px;
		color:white;
		margin:10 0 10 0;
	}
	FooterBar[com=right]>content[com*=menuGroup]
	{
		width:20%;
		margin:0 0 0 30;
		display:inline-block;
		vertical-align:top;
	}
	FooterBar[com=right]>content[com*=menuGroup]>content[com=menuName]
	{
		color:white;
	}
	FooterBar[com=right]>content[com*=menuGroup]>content[com*=menuItem]
	{
		color:white;
		font-size:14px;
		margin:5 0 5 5;
	}
	*/
}