@charset "utf-8";
@font-face {
	font-family: MyCustomFont;
	src: local("微軟正黑體");
}
/* 英文數字專用 */
@font-face {
	font-family: MyCustomFont; /* 同樣的 font-family */
 unicode-range: U+00-7F, U+00C0-U+00FF, U+2150-U+2169;  /* ASCII,羅馬數字*/
	src: local(Verdana), local(Geneva), local(Arial), local(Helvetica);
}
/* 日文假名專用 */
@font-face {
	font-family: MyCustomFont;            /* 同樣的 font-family */
 unicode-range: U+3040-30FF;           /* Hiragana, Katakana */
	src: local("MS PGothic"), /* OS X */ local(Meiryo);                   /* Windows Vista+ */
}
body {
	color: #333333;
	font-family: MyCustomFont, sans-serif;
	font-style: normal;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #e3e3e3;
}
h1 {
	color: #26272c;
	font-size: 2.8em;
	/*padding:上右下左*/
	padding: 0 0 0.5em 0;
	letter-spacing: 0.1em;
}
h2 {
	color: #813a13;
	font-size: 2.3em;
	line-height: 2em;
	letter-spacing: 0.1em;
}
h3 {
	color: #155988;
	font-size: 1.8em;
	/*padding:上右下左*/
	padding: 0 0 0.6em 0;
	letter-spacing: 0.1em;
}
h4, .h4 {
	font-size: 1.7em;
	line-height: 1.5em;
	letter-spacing: 0.1em;
}
h5, .h5 {
	font-size: 1.4em;
	line-height: 1.5em;
}
h6, .h6 {
	font-size: 1.1em;
	line-height: 1.5em;
}
.DIV_opaKeyword {
	font-size: 1.3em;
	color: #467e7c;
}
a:hover {
	text-decoration: underline;
}

/*-----------------------------------------------------------*/
.Color_Learning {
	color: #f4a016;
}
.Color_Education {
	color: #19a8d0;
}
.Color_Kids {
	color: #a3bc36;
}
.Color_BrainTrain {
	color: #f32598;
}
.colorW {
	color: #FFFFFF;
}
/*-----------------------------------------------------------*/
.DIV_content {
	/*background:url(../index-v4.jpg) no-repeat;*/
	margin: 0px auto;
	width: 1200px;
	position: relative;
	display: block;
	overflow: hidden;
}
.DIV_LeftContent {
	position: fixed;
	width: 196px;
	height: 100%;
	top: 0px;
	padding: 0px 10px;
	background-color: #ffffff;
}
.DIV_UpContent {
	width: 82%;
	height: 205px;
	background: url(../images/UpBG.jpg) no-repeat;
	position: relative;
	margin-left: 18%;
	display: block;
}
.DIV_UpContent .header_yb{
	position: absolute;
	bottom: 10px;
	right:41px;
	z-index: 10;
}
.DIV_UpContent .header_yb img{
	width: 46px;
	margin:0 8px;
}
.DIV_DownContent {
	width: 82%;
	position: relative;
	margin-left: 18%;
	min-height: 483px;
}
.DIV_FooterContent {
	width: 934px;
	margin-left: 216px;
	height: 185px;
	background-color: #1f2228;
	position: relative;
	padding-left: 50px;
	padding-top: 10px;
	color: #FFF;
	font-size: 0.9em;
}
/*-----------------------------------------------------------*/
#icon_top {
	position: fixed;
	bottom: 5%;
	right: 50%;
	margin-right: -600px;
	width: 48px;
	height: 41px;
	background-color: #333;
	padding: 15px 0px 0px 8px;
	z-index: 199;
	cursor: pointer;
}
.DIV_LeftContent img {
	display: block;
	margin: 0px auto;
	padding: 30px 0px;
}
.menuAct {
	background-color: #CCC;
}
.menuAct2 {
	background-color: #CCC;
}
.menu_L1 >li {
	font-size: 1.75em;
	text-align: center;
	padding: 10px 0px;
	line-height: 1.7em;
	display: block;
}
.menu_L1 >li:not(:last-child) {
	border-bottom: #e3e3e3 solid 1px;
}
.menu_L2 li {
	font-size: 0.5em;
	line-height: 1.7em;
}
.menu_L2 li a:hover {
	color: #155988;
}
.DIV_UpContent p {
	font-size: 3.5em;
	letter-spacing: 0.1em;
	line-height: 1.1em;
	color: #FFF;
	position: relative;
	top: 45px;
	left: 50px;
}
.DIV_UpContent .DIV_Language {
	background-color: hsla(0, 12%, 27%, 0.3);
	/*width: 310px;
	height: 55px;*/
	position: absolute;
	top: 20px;
	right: 0px;
	box-shadow: 0px 0px 26px 0px rgba(0%,0%,0%,0.2) inset;
	font-size: 0.9em;
	padding: 20px;
}
.DIV_UpContent .DIV_Language li {
	display: inline;
}
.DIV_UpContent .DIV_Language li:not(:last-child) {
	padding-right: 20px;
}
.customerList {
	margin-left: -30px;
	margin-bottom: 10px;
}
.customerList >li {
	font-size: 1.1em;
	color: #FFF;
	background-color: #292d33;
	background: url(../images/icon1.jpg) no-repeat;
	padding: 8px 40px;
}
.customerList >li ul {
	margin-top: 1em;
}
.customerList >li li {
	font-size: 0.8em;
	color: #333333;
	padding: 8px 0px;
}
.customerList:not(:last-child) >li li:last-child {
	background: url(../images/line1.jpg) repeat-x bottom;
	padding-bottom: 30px;
}
/*-------------DIV_popup--------------*/
.DIV_popup {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: rgba(51,51,51,0.9);
	z-index: 999;
	display: none;
}
.DIV_popup .DIV_pic {
	position: absolute;
	top: 50%;
	left: 50%;
	background-color:#dcdcdc;
}
.DIV_popup img {
	width: 100%;
	height: 100%;
}
.DIV_popup ul{
	position:absolute;
}
.DIV_popup ul li {
	width: 780px;
	height: 540px;
	float: left;
}
.DIV_popup .DIV_btn, .DIV_popup .DIV_btnPrev, .DIV_popup .DIV_btnNext {
	position: absolute;
	height: 56px;
	width: 56px;
	cursor: pointer;
	top: 50%;
	left: 50%;
}
.DIV_popup .DIV_btn{
	height: 41px;
	width: 41px;
	background:url(../images/btn_x.jpg) no-repeat;
}
.DIV_popup .DIV_btnPrev{
	background:url(../images/btn_prev.jpg) no-repeat;
}
.DIV_popup .DIV_btnNext{
	background:url(../images/btn_next.jpg) no-repeat;
}
/*-------------DIV_FooterContent--------------*/
.DIV_FooterContent p {
	line-height: 1.8em;
}
.DIV_FooterContent a:nth-child(odd) {
	margin-right: 17px;
}
.DIV_FooterContent a:nth-child(even) {
	margin-left: 15px;
}
.DIV_FooterContent p.link {
	position:absolute;
	left:750px;
	top:84px;
}
.DIV_logo {
	position: absolute;
	top: 25px;
	right: 335px;
	color: #9ea1a7;
	font-size: 1.7em;
}
.DIV_logo p {
	position: relative;
	top: -34px;
	left: 78px;
}
.DIV_copyRights {
	position: absolute;
	top: 113px;
	right: 105px;
}