body, div, p, a, img, span, input, button, ul, li, form, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0
}
body {
	font-family: 'Microsoft Yahei', sans-serif, Arial;
}
h6 {
	font-size: 14px;
	color: #fff;
	font-weight: 500;
}
li {
	list-style: none;
}
.wrap a{
	text-decoration: none;
	display: block;
	color:#fff;
}
img {
	display: block;
}
span {
	display: inline-block;
}
.wrap a:focus {
	outline: none;
}
body {
	background: #000;
}
.wrap {

	min-width: 1200px;
	width: 100%;
width:expression((documentElement.clientWidth < 1200) ? "1200px" : "100%" );
	float: left;
}
.center {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	position: relative;
}
.top {
	height: 646px;
	margin-top: -923px;
}
.top ul {
	line-height: 60px;
}
.top ul li {
	width: 140px;
	line-height: 35px;
	text-align: center;
	float: left;
}
.top ul li a {
	color: #fbfbfb;
	font-size: 16px;
}
#top_right {
	margin-left: 350px;
}
#top_nav a:hover {
	background: #274ba4;
	color: #fff;
}
/*---------??????????????----------*/
.top .top-tab {
	width: 435px;
	height: 275px;
	overflow: hidden;
	position: absolute;
	top: 240px;
	right: 10px;
}
.top .top-tab-ul {
	width: 2175px;
	height: 275px;
	position: absolute;
	left: 0;
	top: 0;
}
.top .top-tab-ul li {
	width: 435px;
	height: 275px;
	float: left;
}
.top .top-tab-btn {
	width: 120px;
	height: 36px;
	line-height: 36px;
	position: absolute;
	bottom: 0px;
	right: 10px;
	text-align: center;
}
.top .top-tab-btn span {
	width: 12px;
	height: 12px;
	display: inline-block;
	background: url(img/s17_1.png);
	margin-left: 6px;
	cursor: pointer;
}
#top-tab-btn .active2 {
	background: url(img/s16_1.png);
}
.main {
	height: auto;
}
/*---------????????----------*/
.mainL {
	width: 296px;
	height: auto;
	float: left;
}
.download {
	width: 296px;
	height: 169px;
	background: url(img/s01_1.jpg)
}
.footer{
	    min-width: 1200px;
	width: 1920px;
	height: 400px;
	margin:0 auto;

}
.download a {
	width: 296px;
	height: 169px;
	line-height: 159px;
	font-size: 28px;
	text-align: center;
	color: #edddba;
	font-weight: bold;
	letter-spacing: 3px;
}
.join {
	width: 296px;
	height: 70px;
	background: url(img/s02_1.jpg)
}
.join a {
	width: 130px;
	height: 70px;
	background: url(img/s03_1.jpg) no-repeat center;
	font-size: 14px;
	display: inline-block;
	text-align: center;
	color: #fff;
	line-height: 68px;
	margin-left: 10px;
}
.join a:hover {
	background: url(img/s04_1.jpg) no-repeat center;
	font-size: 16px;
}
.bast {
	width: 296px;
	height: 347px;
	background: url(img/s05_1.gif);
	margin-top: 36px;
	position: relative;
}
.bastTop {
	color: #f6e099;
	font-size: 22px;
	line-height: 80px;
}
.bast h2 {
	color: #f6e099;
	font-size: 24px;
	margin: -25px 0 0 10px;
}
.menu {
	height: auto;
	margin-top: 12px;
}
.menu a {
	width: 296px;
	height: 100px;
	margin-bottom: 1px;
	position: relative;
}
.menuOne {
	background: url(img/s07_1.jpg) no-repeat;
}
.menuTwo {
	background: url(img/s08_1.jpg) no-repeat;
}
.menuThree {
	background: url(img/s09_1.jpg) no-repeat;
}
.menuFour {
	background: url(img/s10_1.jpg) no-repeat;
}
.menu a b {
	position: absolute;
	top: 24px;
	left: 26px;
	color: #d4c7b1;
	font-size: 20px;
	letter-spacing: 2px;
	transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s
}
.menu a span {
	position: absolute;
	display: block;
	top: 54px;
	left: 26px;
	color: #ccb180;
	font-size: 20px;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s
}
.menuOne:hover.menuOne b {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	color: #e6cd68;
}
.menuTwo:hover.menuTwo b {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	color: #e6cd68;
}
.menuThree:hover.menuThree b {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	color: #e6cd68;
}
.menuFour:hover.menuFour b {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	color: #e6cd68;
}
.mainPic {
	width: 296px;
	position: relative;
}
.mainPic div {
	width: 296px;
	height: 122px;
	overflow: hidden;
	margin-top: 12px;
	position: relative;
}
.mainPic div a {
	width: 296px;
	height: 134px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}


.picOne {
	background: url(img/s11_1.jpg);
	background-size: 100% auto;
}
.picTwo {
	background: url(img/s12_1.jpg);
	background-size: 100% auto;
}
.picThree {
	background: url(img/s13_1.jpg);
	background-size: 100% auto;
}
.picFour {
	background: url(img/s14_1.jpg);
	background-size: 100% auto;
}
.mainPic div p {
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	position: absolute;
	top: 55px;
	left: 24px;
}
.mainPic div img {
	width: 20px;
	height: 24px;
	position: absolute;
	top: 55px;
	left: 100px;
	display: none;
}
.mainMsg {
	width: 296px;
	height: 166px;
	background: #232635;
	margin-top: 12px;
}
.mainMsg h3 {
	color: #fff;
	font-size: 18px;
	line-height: 45px;
	text-align: center;
	font-weight: 400;
}
.mainMsg p {
	color: #aec0d3;
	font-size: 14px;
	line-height: 26px;
	text-align: center;
}
/*---------????????----------*/



.Rul{width:530px; height:137px;overflow:hidden;}
.Rul img{transform:scale(1,1);transition: all 1s ease-out;}
.Rul img:hover{transform:scale(1.2,1.2);}

.Rul1{width:350px; height:120px;overflow:hidden;}
.Rul1 img{transform:scale(1,1);transition: all 1s ease-out;}
.Rul1 img:hover{transform:scale(1.2,1.2);}

.mainC {
	width: 530px;
	height: auto;
	margin-top: 90px;
	float: left;
	margin-left: 12px;
}
.Cnews {
	height: 288px;
	width: 530px;
	background: url(img/s18_1.jpg);
	position: relative;
	overflow: hidden
}
.CnewsTop {
	height: 44px;
	width: 490px;
	margin: 0px auto;
	line-height: 44px;
	position: relative;
}
.CnewsTop h3 {
	color: #ff0000;
	font-size: 18px;
	width: 80px;
	height: 44px;
	text-align: center;
	border-bottom: 3px solid #ff0000;
	float: left;
	position: relative;
	z-index: 6;
	cursor: pointer;
}
.CnewsTop .cnewstop-h32 {
	border-bottom: 0px;
	margin-left: 10px;
	color: #c2c9d0
}
.CnewsTop a {
	float: right;
	color: #c2c9d0;
	font-size: 14px;
	position: relative;
	right: 30px;
}
.CnewsTop a span {
	position: absolute;
	width: 18px;
	height: 17px;
	color: #000;
	background: #c2c9d0;
	top: 15px;
	left: 36px;
	transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s
}
.CnewsTop a span b {
	font-size: 18px;
	position: absolute;
	top: -14px;
	left: 2px;
}
.CnewsTop a span:hover {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.CnewsTop p {
	width: 490px;
	height: 1px;
	background: #c2c9d0;
	position: absolute;
	top: 45px;
}
.CnewsMain {
	width: 490px;
	height: 216px;
	overflow: hidden;
	position: absolute;
	top: 50px;
	left: 20px;
	display: none;
}
#cnewsmain {
	display: block;
}
.CnewsMain h2 {
	width: 400px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	margin: 0 auto;
	color: #ffe594;
	font-size: 20px;
}
.CnewsMain h2 a {
	color: #ff9900;
}
.CnewsMain h2 a:hover {
	color: #c2c9d0;
}
.CnewsMain div {
	width: 490px;
	height: 176px;
	overflow: hidden;
}
.CnewsMain div p {
	height: 34px;
	border-bottom: 1px dashed #3c425b;
}
.CnewsMain div p a {
	color: #c2c9d0;
	font-size: 14px;
	line-height: 32px;
	float: left;
}
.CnewsMain div p a:hover {
	color: orange;
	font-size: 16px;
}
.CnewsMain div p span {
	color: #c2c9d0;
	font-size: 14px;
	line-height: 32px;
	float: right;
}
.Cbanner {
	width: 530px;
	height: 204px;
	overflow: hidden;
	position: relative;
	margin-top: 16px;
}
.Cbanner ul {
	width: 2650px;
	height: 204px;
	position: absolute;
	left: 0;
	top: 0;
}
.Cbanner ul li {
	width: 530px;
	height: 204px;
	float: left;
}
.CbanBG {
	width: 530px;
	height: 66px;
	background: #000;
	opacity: 0.6;
filter:alpha(opacity:60);
	position: absolute;
	bottom: 0;
	left: 0;
}
.CbannerFont {
	width: 530px;
	height: 66px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.BGtab1 {
	width: 410px;
	height: 66px;
	line-height: 33px;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	padding-left: 12px;
}
#bax1 {
	display: block;
}
.BGtab1 a {
	float: left;
	width: 200px;
	height: 33px;
	text-align: left;
	font-size: 15px;
	color: #fff;
}
.BGtab1 a span {
	background: url(img/s21_1.png);
	width: 17px;
	height: 13px;
	display: inline-block;
}
.cbfBtn {
	width: 120px;
	height: 66px;
	line-height: 66px;
	margin: 0px 0 0 410px;
	text-align: center;
}
.cbfBtn span {
	width: 12px;
	height: 12px;
	display: inline-block;
	background: url(img/s17_1.png);
	margin-left: 6px;
}
#num .active {
	background: url(img/s16_1.png);
}
.Cbro {
	width: 530px;
	height: 743px;
	
	margin-top: 12px;
	overflow: hidden;
	position: relative;
}
.CbroFont {
	width: 350px;
	height: 200px;
	position: absolute;
	z-index: 5;
	top: 5px;
	left: 20px;
	display: none;
}
#CbroFont {
	display: block;
}
.CbroFont h2 {
	font-size: 28px;
	color: #e8f4ff;
	font-weight: 400;
	letter-spacing: 2px
}
.CbroFont p {
	font-size: 14px;
	color: #e8f4ff;
}
.CbroFont span {
	width: 16px;
	height: 16px;
	margin: 12px 0 0 0;
	background: #ffe594;
	display: inline-block
}
.CbroFont a {
	color: #ffe594;
	position: relative;
	width: 80px;
	height: 20px;
	line-height: 20px;
	margin: -23px 0 0 2px;
}
.CbroFont a b {
	width: 16px;
	height: 16px;
	font-size: 16px;
	color: #000;
}
.cbfImg1 {
	position: absolute;
	z-index: -1;
	top: 35px;
	left: 100px;
	display: block;
}
.cbfImg2 {
	position: absolute;
	z-index: -1;
	top: 256px;
	left: 17px;
	display: block;
}
.CbroImg {
	width: 530px;
	height: 253px;
	position: absolute;
	bottom: 20px;
	left: 38px;
}
.CbroImg p {
	float: left;
	height: 115px;
	width: 88px;
	margin: 10px 34px 0 0;
	cursor: pointer;
}
.Cbrop1 a {
	width: 88px;
	height: 88px;
}
#CbImg1 {
	background: url(img/s30_1.jpg);
}
#CbImg1:hover {
	background: url(img/s40_1.jpg);
}
#CbImg2 {
	background: url(img/s31_1.jpg);
}
#CbImg2:hover {
	background: url(img/s41_1.jpg);
}
#CbImg3 {
	background: url(img/s42_1.jpg);
}
#CbImg3:hover {
	background: url(img/s32_1.jpg);
}
#CbImg4 {
	background: url(img/s33_1.jpg);
}
#CbImg4:hover {
	background: url(img/s43_1.jpg);
}
#CbImg5 {
	background: url(img/s34_1.jpg);
}
#CbImg5:hover {
	background: url(img/s44_1.jpg);
}
#CbImg6 {
	background: url(img/s35_1.jpg);
}
#CbImg6:hover {
	background: url(img/s45_1.jpg);
}
#CbImg7 {
	background: url(img/s36_1.jpg);
}
#CbImg7:hover {
	background: url(img/s46_1.jpg);
}
#CbImg8 {
	background: url(img/s37_1.jpg);
}
#CbImg8:hover {
	background: url(img/s47_1.jpg);
}
.CbroImg p span {
	width: 88px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #e8f4ff;
}
.Cmedia {
	width: 530px;
	height: 232px;
	background: #232635;
	margin-top: 12px;
	position: relative;
}
.CmediaTop {
	width: 490px;
	height: 41px;
	margin: 0 auto;
	border-bottom: 1px solid #ccc;
}
.CmediaTop p {
	width: 80px;
	height: 40px;
	line-height: 40px;
	float: left;
	color: #8e9cab;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
}
#CmediaTop1 {
	border-bottom: 3px solid #e8f4ff;
	font-size: 18px;
	color: #e8f4ff;
}
.CmediaTop2 {
	margin-left: 15px;
}
.CmediaMain {
	width: 490px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	top: 48px;
	left: 20px;
	display: none;
}
#CmediaMain {
	display: block;
}
.CmediaMain p {
	height: 34px;
	border-bottom: 1px dashed #3c425b;
}
.CmediaMain p a {
	color: #c2c9d0;
	font-size: 14px;
	line-height: 32px;
	float: left;
}
.CmediaMain p a:hover {
	color: orange;
	font-size: 16px;
}
.CmediaMain p span {
	color: #c2c9d0;
	font-size: 14px;
	line-height: 32px;
	float: right;
}
.Ccs {
	width: 530px;
	height: 166px;
	background: #232635;
	margin-top: 12px;
}
.Ccsleft {
	width: 82px;
	height: 163px;
	padding: 0px 0 0 3px;
	float: left
}
.Ccsleft a {
	padding-top: 3px;
	width: 82px;
	height: 79px;
}
.Ccsright {
	width: 418px;
	height: 166px;
	margin-left: 24px;
	float: left;
}
.Ccsright h2 {
	width: 120px;
	height: 56px;
	line-height: 56px;
	color: #e8f4ff;
}
.Crleft {
	width: 216px;
	height: 100px;
	float: left;
}
.Crleft p, .Crright p {
	color: #c2c9d0;
	font-size: 14px;
	line-height: 33px;
}
.CrleftImg {
	display: inline-block;
	width: 96px;
	height: 28px;
	background: url(img/s102_1.jpg) no-repeat;
	cursor: pointer;
	color: #000;
	text-align: center;
	line-height: 28px;
}
.CrleftImg a {
	color: #000;
}
.CrleftImg a:hover {
	color: #000;
}
.Crright {
	width: 182px;
	height: 100px;
	float: left;
	padding-left: 20px;
}
.Crright .kfqq a {
	text-decoration: none;
	display: block;
	float: left;
	color: #c2c9d0;
}
.Crrlast {
	margin-top: 33px;
}
/*---------????????----------*/
.mainR {
	width: 350px;
	height: auto;
	margin-top: 90px;
	float: left;
	margin-left: 12px;
}
.Rup {
	width: 350px;
	height: 289px;
	background: #232635;
	position: relative;
}
.RupTop {
	height: 44px;
	width: 320px;
	margin: 0px auto;
	line-height: 44px;
	position: relative;
}
.RupTop h3 {
	color: #c2c9d0;
	font-size: 18px;
	width: 80px;
	height: 44px;
	text-align: center;
	border-bottom: 3px solid #c2c9d0;
	float: left;
}
.RupTop a {
	float: right;
	color: #c2c9d0;
	font-size: 14px;
	position: relative;
	right: 30px;
}
.RupTop a span {
	position: absolute;
	width: 18px;
	height: 17px;
	color: #000;
	background: #c2c9d0;
	top: 15px;
	left: 36px;
	transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s
}
.RupTop a span b {
	font-size: 18px;
	position: absolute;
	top: -14px;
	left: 2px;
}
.RupTop a span:hover {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.RupTop p {
	width: 320px;
	height: 1px;
	background: #c2c9d0;
	position: absolute;
	top: 45px;
}
.Rprev {
	position: absolute;
	top: 213px;
	left: 56px;
	cursor: pointer;
}
.Rnext {
	position: absolute;
	top: 213px;
	right: 56px;
	cursor: pointer;
}
.Rbanner {
	width: 310px;
	height: 210px;
	overflow: hidden;
	margin: 16px 0 0 20px;
	position: relative;
}
.Rbanner ul {
	width: 930px;
	height: 128px;
	position: absolute;
	left: 0;
}
.Rbanner ul li {
	width: 310px;
	height: 210px;
	float: left;
}
.Rbanner img {
	width: 310px;
	height: 210px;
}
.Rtab1 {
	width: 170px;
	height: 86px;
	position: absolute;
	top: 190px;
	left: 86px;
}
.Rtab1p {
	position: absolute;
	width: 170px;
	height: 26px;
	line-height: 26px;
	color: #c2c9d0;
	font-size: 14px;
	text-align: center;
	display: none;
}
#Rtab1p {
	display: block;
}
.Rinfor {
	width: 350px;
	height: 205px;
	background: url(img/s119_1.jpg);
	margin-top: 14px;
}
.Rinfor a {
	width: 115px;
	height: 100px;
	text-align: center;
	float: left;
	position: relative;
}
.Rinfor a img {
	position: absolute;
	top: 10px;
	left: 26px;
	transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
}
.Rinfor a p {
	color: #c2c9d0;
	font-size: 14px;
	width: 100%;
	height: 22px;
	margin-top: 76px;
}
#Rinfor .rotate {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}
.Rtutor {
	width: 350px;
	
	margin-top: 14px;
	background: url(img/s120_1.jpg);
}

.Rtutor1 {
	width: 530px;
	height: 137px;
	margin-top: 12px;
	
}

.Rh2 {
	color: #e8f4ff;
	font-size: 18px;
	width: 120px;
	height: 30px;
	padding: 19px 0 0 18px;
	font-weight: 400;
}


.Rul li {
	width: 80px;
	height: 25px;
	line-height: 25px;
	float: left;
}
.Rul li a {
	font-size: 14px;
	color: #aabaca;
}
.Rul li a:hover {
	color: #d5ac6a;
}
.Rtutor2 {
	width: 350px;
	height: 113px;
	margin-top: 1px;
	background: url(img/s121_1.jpg);
}
.Rtutor3 {
	width: 349px;
	height: 131px;
	margin-top: 1px;
	background: url(img/s122_1.jpg);
}
.Rtutor4 {
	width: 350px;
	height: 133px;
	margin-top: 2px;
	background: url(img/s123_1.jpg);
}
.Rtutor5 {
	width: 350px;
	height: 113px;
	margin-top: 1px;
	background: url(img/s124_1.jpg);
}
.Rtutor6 {
	width: 350px;
	height: 113px;
	margin-top: 1px;
	background: url(img/s125_1.jpg);
}
.Rmedia {
	width: 350px;
	height: 233px;
	margin-top: 13px;
	background: #232635;
}
.RmediaMove {
	width: 320px;
	height: 80px;
	overflow: hidden;
	position: relative;
	margin: 50px 0 0 14px;
}
.RmediaMove ul {
	width: 640px;
	height: 80px;
	position: absolute;
	left: 0;
	top: 0;
}
.RmediaMove ul li {
	width: 160px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	float: left;
}
.Rparent {
	width: 350px;
	height: 165px;
	background: #232635;
	margin-top: 12px;
	margin-bottom: 15px;
}
.RpareLeft {
	width: 190px;
	height: 120px;
	margin: 32px 0 0 10px;
	float: left;
}
.Rshouji {
	width: 84px;
	height: 120px;
	float: left;
	margin-left: 10px;
}
.Rshouji p {
	width: 84px;
	height: 30px;
	line-height: 30px;
	color: #c2c9d0;
	font-size: 12px;
	text-align: center;
}
.RpareRight {
	width: 113px;
	height: 120px;
	margin: 10px 0 0 20px;
	float: left;
}
.RpareRight a {
	margin-top: 22px;
}
.RpareRight a p {
	color: #fff;
	width: 113px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-top: -40px;
	font-size: 14px;
}
.RpareRight a p:hover {
	color: orange;
}
  /* ===== 修復動態加載內容顯示 - 間隙更緊湊 ===== */
  .module.cl.xl {
      width: 100%;
  }

  .module.cl.xl ul {
      list-style: none;
      padding: 0;
      margin: 0;
  }

  .module.cl.xl li {
      padding: 6px 15px;  /* 從 12px 改成 6px - 間隙會變小 */
      border-bottom: 1px solid #3c425b;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 13px;
      line-height: 1.6;
  }

  .module.cl.xl li:last-child {
      border-bottom: none;
  }

  .module.cl.xl a {
      color: #c2c9d0;
      text-decoration: none;
      flex: 1;
  }

  .module.cl.xl a[style*="color:#e44166"] {
      color: #ff6b9d !important;
      font-weight: bold;
      margin-right: 10px;
      flex: 0 0 auto;
  }

  .module.cl.xl ul em {
      color: #888;
      font-size: 12px;
      white-space: nowrap;
      margin-left: 10px;
      flex: 0 0 auto;
  }

  .module.cl.xl li a:hover {
      color: #ffd700;
  }