@charset "utf-8";
/* CSS Document */
html, body { margin:0; padding:0; font:normal 16px/1.5 'Helvetica Neue',Helvetica,'Heiti TC','微軟正黑體','Microsoft Sans Serif',Helvetica,Geneva,sans-serif; color:#; background-color:;}
a { text-decoration: none; color:#fff; outline: none; /* for Firefox */ hlbr:expression(this.onFocus=this.blur()); /* for IE */}
a:hover { color:#;text-decoration: none;}
div, p, span, ul, ol, li, h1, h2, h3, h4, h5, h6, input, table, td, th, img { margin: 0; padding: 0;}
li{ list-style:none;}
img { border: none; }
.clr { float: none; clear: both;}
.tRight { text-align: right; }
.tLeft { text-align:left;}
.tCenter { text-align: center; }
.fL { float: left; }
.fR { float: right; }

/*頁面設定*/
#pagesize{ position:relative; width:1000px; margin:0 auto;}
.error{padding:0 0 55px;}
/*header*/
#header{ position:relative; width:1000px; height:350px; padding:0; display:block; overflow:hidden;}
#header .top{ position:absolute; top:0; left:0; width:1000px; height:80px; display:block; background:url(../images/header_nav_bg.png) repeat; z-index:1;}
#header .top h1{ position:absolute; top:27px; left:37px; width:239px; height:34px; display:block;}
#header .top h1 a{width:239px; height:34px; display:block; background:url(../images/logo.png) no-repeat;}
#header .top ul{ position:absolute; top:42px; right:10px; line-height:26px;}
#header .top ul li{ float:left; padding:0 7px; letter-spacing:0.5px; color:#fff;}
#header .top ul li img{ vertical-align:top;}
.error #header{ position:relative; width:1000px; height:80px;}
/*nav*/
.nav{ width:1000px; height:70px; display:block; overflow:hidden;}
.nav li{ float:left; width:200px; height:70px; display:block; text-align:center; line-height:70px; letter-spacing:0.2px;}
.nav li a{ width:200px; height:70px; display:block; font-weight:bold; font-size:18px; color:#393939;
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.nav li a.n01{ background:url(../images/nav01.jpg) center bottom no-repeat; background-size:200px 6px; }
.nav li a.n01:hover{background-color:#97dde5\9;}
.nav li a.n01.on{background-color:#97dde5\9;}
.nav li a.n02{ background:url(../images/nav02.jpg) center bottom no-repeat; background-size:200px 6px;}
.nav li a.n02:hover{background-color:#8ac492\9;}
.nav li a.n02.on{background-color:#8ac492\9;}
.nav li a.n03{ background:url(../images/nav03.jpg) center bottom no-repeat; background-size:200px 6px;}
.nav li a.n03:hover{background-color:#ccab82\9;}
.nav li a.n03.on{background-color:#ccab82\9;}
.nav li a.n04{ background:url(../images/nav04.jpg) center bottom no-repeat; background-size:200px 6px;}
.nav li a.n04:hover{background-color:#da855f\9;}
.nav li a.n04.on{background-color:#da855f\9;}
.nav li a.n05{ background:url(../images/nav05.jpg) center bottom no-repeat; background-size:200px 6px;}
.nav li a.n05:hover{background-color:#fdaea9\9;}
.nav li a.n05.on{background-color:#fdaea9\9;}
.nav li a:hover{  font-size:22px; color:#fff; background-size:200px 70px;}
.nav li a.on{  font-size:22px; color:#fff; background-size:200px 70px;}

.main{ width:1000px; padding:20px 0;}
.main .Lset{ float:left; width:200px; margin:0 19px 0 0;}
.main .Mset{ float:left; width:520px; border:1px solid #e5e5e5; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding: 0 20px 20px;  font-size:20px; min-height:448px;}
.main .Mset2{ float:right; width:738px; border:1px solid #e5e5e5; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding: 0 20px 20px;  font-size:20px; min-height:448px;}
.main .Rset{ float:right; width:200px;}
.main .Rset2{ float:right; width:738px; border:1px solid #e5e5e5; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding: 0 20px 20px;  font-size:20px; min-height:448px;}
.main .single{ width:960px; padding:0 19px;  border:1px solid #e5e5e5; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding: 0 20px 20px;  font-size:20px; min-height:448px;}

.main .Lset ul li{ width:200px; height:52px; margin:0 0 5px 0; }
.main .Lset ul li a{ width:180px; height:52px; padding: 0 10px; display:block; background-color:#eeeeee; color:#555555; font-size:20px; font-weight:bold; line-height:52px;
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.main.life .Lset ul li a{ width:150px; padding:0 10px 0 40px;}
.main .Lset ul li a:hover{ background-color:#dddddd;}
.main .Lset ul li a.on{ background-color:#d3eaeb;}
.main.life .Lset ul li a.L01{ background:url(../images/L01.png) no-repeat; background-color:#eeeeee;}
.main.life .Lset ul li a.L01:hover{background-color:#dddddd;}
.main.life .Lset ul li a.L02{ background:url(../images/L02.png) no-repeat; background-color:#eeeeee;}
.main.life .Lset ul li a.L02:hover{background-color:#dddddd;}
.main.life .Lset ul li a.L03{ background:url(../images/L03.png) no-repeat; background-color:#eeeeee;}
.main.life .Lset ul li a.L03:hover{background-color:#dddddd;}
.main.life .Lset ul li a.L04{ background:url(../images/L04.png) no-repeat; background-color:#eeeeee;}
.main.life .Lset ul li a.L04:hover{background-color:#dddddd;}
.main.life .Lset ul li a.L05{ background:url(../images/L05.png) no-repeat; background-color:#eeeeee;}
.main.life .Lset ul li a.L05:hover{background-color:#dddddd;}
.main.life .Lset ul li a.L06{ background:url(../images/L06.png) no-repeat; background-color:#eeeeee;}
.main.life .Lset ul li a.L06:hover{background-color:#dddddd;}
.main.life .Lset ul li a.L07{ background:url(../images/L07.png) no-repeat; background-color:#eeeeee;}
.main.life .Lset ul li a.L07:hover{background-color:#dddddd;}
.main.life .Lset ul li a.L08{ background:url(../images/L08.png) no-repeat; background-color:#eeeeee;}
.main.life .Lset ul li a.L08:hover{background-color:#dddddd;}
.main.life .Lset ul li a.L09{ background:url(../images/L09.png) no-repeat; background-color:#eeeeee;}
.main.life .Lset ul li a.L09:hover{background-color:#dddddd;}
.main.life .Lset ul li a.L10{ background:url(../images/L10.png) no-repeat; background-color:#eeeeee;}
.main.life .Lset ul li a.L10:hover{background-color:#dddddd;}
.main.life .Lset ul li a.L11{ background:url(../images/L11.png) no-repeat; background-color:#eeeeee;}
.main.life .Lset ul li a.L11:hover{background-color:#dddddd;}


.main.tuition .Lset ul li a.on{ background-color:#c6e7eb; color:#222222;}
.main.life .Lset ul li a.on{ background-color:#e4facf; color:#222222;}
.main.searchHis .Lset ul li a{ background-color:#fcf0ea;}
.main.searchHis .Lset ul li a:hover{ background-color:#fcd3c1;}
.main.searchHis .Lset ul li a.on{ background-color:#da855f; color:#fff;}



.main .Mset h2{ padding:10px 0 0 0; font-weight:normal; font-size:30px; line-height:1.6; color:#393939;}
.main.tuition .Mset h2{ border-bottom:1px solid #97dde5;}
.main.life .Mset h2{ border-bottom:1px solid #8ac492;}
.main.searchHis .Mset h2{ border-bottom:1px solid #da855f;}

.main .Mset h3{ padding:10px 0 0 0; font-weight:bold; font-size:20px; line-height:1.6; color:#007f8e;}

.main .Mset ul{ font-size:18px;  margin:10px 0 0 24px;}
.main .Mset ul li{ list-style:decimal; margin:10px 0;}
.main .Mset ul.accountLi{ color:#777777;  margin:10px 0 0 0;}
.main .Mset ul.accountLi li{ list-style:none; margin:0; padding:10px 0 10px 20px; background:url(../images/indexNews_li.png) 5px 20px no-repeat; border-bottom:1px dashed #dddddd;}
.main .Mset ul.accountLi li:last-child{ border:none;}
.main .Mset ul.small{ font-size:16px; line-height:24px; }
.main .Mset ul.small li{ margin:5px 0;}

.main .Mset table{ font-weight:bold; font-size:20px; line-height:30px; color:#1b1b1b; margin:10px 0 0 0;}
.main .Mset table td{ padding:8px 5px; vertical-align:top;}
.main .Mset table td span.blank{ padding:0 4px;}
.main .Mset table td.tt{ background-color:#eeeeee; color:#adadad;}
.main .Mset table input[type="text"]{ font-family:'Helvetica Neue',Helvetica,'Heiti TC','微軟正黑體','Microsoft Sans Serif',Helvetica,Geneva,sans-serif;
 width:100%; height:30px; display:block; font-size:18px; border:1px solid #a9a9a9; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; line-height:30px;}
.main .Mset table input[type="password"]{ font-family:'Helvetica Neue',Helvetica,'Heiti TC','微軟正黑體','Microsoft Sans Serif',Helvetica,Geneva,sans-serif;
 width:100%; height:30px; display:block; font-size:18px; border:1px solid #a9a9a9; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; vertical-align:top;}
.main .Mset table select{ font-family:'Helvetica Neue',Helvetica,'Heiti TC','微軟正黑體','Microsoft Sans Serif',Helvetica,Geneva,sans-serif;
 width:100%; height:30px; display:block; font-size:18px; border:1px solid #a9a9a9; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:0 0 2px 0\9;}
.main .Mset table input[type="text"].type01{ margin:20px 0; height:40px; font-weight:bold; color:#000; background-color:#eeeeee; border:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.main .Mset table input[type="password"].type01{ margin:20px 0; height:40px; font-weight:bold; color:#000; background-color:#eeeeee; border:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.main .Mset table input[type="text"].type02{ width:60px; display:inline-block; overflow:hidden; text-align:center;}
.main .Mset table input[type="password"].type02{ width:60px; display:inline-block; overflow:hidden; text-align:center;}
.main .Mset table input[type="text"].type03{ width:220px; display:inline-block; overflow:hidden;}
.main .Mset table input[type="password"].type03{ width:220px; display:inline-block; overflow:hidden;}
.main .Mset table input[type="text"].type04{ width:256px; display:inline-block; overflow:hidden;}
.main .Mset table input[type="password"].type04{ width:256px; display:inline-block; overflow:hidden;}
.main .Mset table input[type="text"].type05{ width:47px; display:inline-block; overflow:hidden;text-align:center;}
.main .Mset table input[type="password"].type05{ width:47px; display:inline-block; overflow:hidden;text-align:center;}
.main .Mset table input[type="text"].type06{ width:90px; display:inline-block; overflow:hidden;text-align:center;}
.main .Mset table input[type="password"].type06{ width:90px; display:inline-block; overflow:hidden;text-align:center;}
.main .Mset table input[type="text"].type07{ width:30px; display:inline-block; overflow:hidden;text-align:center;  width:28px\9;}
.main .Mset table input[type="password"].type07{ width:30px; display:inline-block; overflow:hidden;text-align:center;  width:28px\9;}
.main .Mset table input[type="text"].type08{ width:350px;  display:inline-block; overflow:hidden; }
.main .Mset table input[type="password"].type08{width:350px;  display:inline-block; overflow:hidden;text-align:center; }
.main .Mset table input[type="text"].type09{ width:78px; display:inline-block; overflow:hidden;text-align:center;}
.main .Mset table input[type="password"].type09{width:78px;  display:inline-block; overflow:hidden;text-align:center; }
/*:root .main .Mset table input[type="text"].type09{ width:80px; display:inline-block; overflow:hidden;text-align:center;}*/

.main .Mset table input[type="text"].type10{ width:152px; display:inline-block; overflow:hidden; text-align:center;text-transform:uppercase}
.main .Mset table input[type="password"].type10{ width:150px; display:inline-block; overflow:hidden; text-align:center;text-transform:uppercase }
.main .Mset table input[type="text"].type11{ width:143px; display:inline-block; overflow:hidden; text-align:center;text-transform:uppercase}
.main .Mset table input[type="password"].type11{ width:143px; display:inline-block; overflow:hidden; text-align:center;text-transform:uppercase }
.main .Mset table input[type="text"].type12{ width:262px; display:inline-block; overflow:hidden;}
.main .Mset table input[type="password"].type12{ width:262px; display:inline-block; overflow:hidden;}

.main .Mset table span{ margin:0 1px ;}
.main .Mset table img{ vertical-align:middle; margin:5px 0 0 0;}
.main .Mset table select.type01{ width:90px; text-align:center; display:inline-block;}
/*.main .Mset table input.type01[placeholder],[placeholder],*[placeholder]{color: #777777 !important;}*/

.main .Mset table.data{ border-top:1px solid #cbcbcb; border-left:1px solid #cbcbcb;}
.main .Mset table.data th{ border-bottom:1px solid #cbcbcb; border-right:1px solid #cbcbcb;}
.main .Mset table.data td{ font-weight:normal; border-bottom:1px solid #cbcbcb; border-right:1px solid #cbcbcb;}

.main .Mset table .small{font-size:14px; border-color:#eeeeee; line-height:1.5;}
.main .Mset table .small th{ background-color:#c6e7eb; border-color:#eeeeee; padding:5px ;}
.main .Mset table .small td{ border-color:#eeeeee; padding:5px ;}
.main .Mset table .small tr.grey td{ background-color:#fafafa;}
.main .Mset table .smaller{ font-size:12px; line-height:1.2; padding:5px 0  ; display:block;}
.main .Mset table .smaller.pL{ padding:5px 0 5px 18px ;}


.main .Mset table.listData{ width:100%; border-top:1px solid #dddddd; border-left:1px solid #dddddd;background-color:#fbfbfb;}
.main .Mset table.listData td{ padding:8px 10px; vertical-align:middle; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;}
.main .Mset table.listData ul li{ list-style:disc; line-height:1.2; color:#888888;}
.main .Mset table.listData.small{ font-size:14px; line-height:1.2;}
.main .Mset table.listData.small td{padding:5px; }
.main .Mset table.listData.small td.noLine{border-right:none; }
.main .Mset table.listData.small ul{ margin:0 0 0 20px;}
.main .Mset table.listData.small ul li{ font-size:14px; line-height:1.2; margin:0;}


.main .Mset .cliam table{ font-weight:normal; font-size:18px;}
.main .Mset .cliam p{ font-weight:normal;}



.main .Mset .notice { height:170px; overflow-y:scroll; font-size:16px; line-height:24px; padding:0 5px; letter-spacing:0.3px; border:1px solid #eeeeee;}
.main .Mset .notice h3{font-size:20px; line-height:24px;}
.main .Mset .notice table{ font-weight:normal; font-size:16px;}
.main .Mset .notice p{ font-weight:normal; line-height:24px;}
.main .Mset .message{ width:480px; padding:20px; background-color:#fff3d2; color:#ce3500; font-size:36px; text-align:center; margin:20px 0 0 0; 
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}

.main .Mset a{ font-weight:normal; color:#d30000;}
.main .Mset a:hover{ color:#f84141;}
.main .Mset a span{ color:#555555; margin:0 10px 0 0; }
.main .Mset a:hover span{ color:#f84141; margin:0 10px 0 0; }
.main .Mset p{ font-weight:bold; line-height:30px; color:#1b1b1b; margin:10px 0 0 0;}
.main .Mset p.red{/* font-weight:normal; font-size:16px;  line-height:24px; */color:#cc0000;}

#marqueeBox{ position:relative; width:168px; height:165px; overflow:hidden;   word-break: break-all;}
.main .Rset .news{ width:168px; border:1px solid #cbcbcb; padding:5px 15px 15px ;}
.main .Rset .news h3{ letter-spacing:0.3px; font-weight:bold; font-size:20px; line-height:40px; color:#393939; border-bottom:1px solid #aaaaaa;}
.main .Rset .news h3 span{ color:#757575; font-size:16px; padding:0 0 0 10px;}
.main .Rset .news ul{ padding:10px 0 0 0;}
.main .Rset .news ul li{ padding:0 0 5px 15px; background:url(../images/indexNews_li.png) 3px 9px no-repeat; line-height:24px; font-weight:bold;}
.main .Rset .news ul li a{ color:#393939; width:144px; height:50px; display:block; overflow:hidden;}
.main .Rset .news ul li a:hover{ color:#777777;}
.main .Rset .news ul li a marquee{ width:144px; display:inline-block; line-height:20px;}
.main .Rset .bn{ width:200px; height:100px; display:block; overflow:hidden; margin:15px 0 0 0;}

.main .Rset2 h2{ padding:10px 0 0 0; font-weight:normal; font-size:30px; line-height:1.6; color:#393939;  border-bottom:1px solid #abd9dc;}
.main.searchHis .Rset2 h2{ padding:10px 0 0 0; font-weight:normal; font-size:30px; line-height:1.6; color:#393939;  border-bottom:1px solid #e2dbd3;}
.main .Rset2 h3{ padding:10px 0 0 0; font-weight:normal; font-size:20px; line-height:1.2; color:#007f8e;}
.main .Rset2 ul.proList{ font-size:18px;  margin:10px 0 0 0;}
.main .Rset2 ul.proList li{ list-style:none; padding:10px 0; margin: 0; line-height:1.3; border-bottom:1px dotted #aaaaaa;}
.main .Rset2 ul.proList li .pic{ float:left; width:200px; height:120px;  display:block; overflow:hidden; border:1px solid #eeeeee;}
.main .Rset2 ul.proList li .pic img{ width:200px; height:120px;}
.main .Rset2 ul.proList li .info{ float:left; width:523px; height:120px; padding:0 0 0 13px; display:block; overflow:hidden;}
.main .Rset2 ul.proList li .info h3{ padding:0; margin:0 0 5px 0;}
.main .Rset2 ul.proList li a{ padding:7px 0 0 0 ; color:#1b1b1b;}
.main .Rset2 ul.proList li a:hover{ color:#555555;}

.main .single h2{ padding:10px 0 0 0; font-weight:normal; font-size:30px; line-height:1.6; color:#393939;  border-bottom:1px solid #abd9dc;}
.main .single h3{ padding:10px 0 0 0; font-weight:normal; font-size:20px; line-height:1.2; color:#007f8e;}
.main .single ul.proList{ font-size:18px;  margin:10px 0 0 0;}
.main .single ul.proList li{ list-style:none; padding:10px 0; margin: 0; line-height:1.3; border-bottom:1px dotted #aaaaaa;}
.main .single ul.proList li .pic{ float:left; width:143px; height:96px;  display:block; overflow:hidden; border:1px solid #eeeeee;}
.main .single ul.proList li .pic img{ width:143px; height:96px;}
.main .single ul.proList li .info{ float:left; width:800px; height:96px; padding:0 0 0 13px; display:block; overflow:hidden;}
.main .single ul.proList li h3{ padding:0; margin:0 0 5px 0;}
.main .single ul.proList li .info2{ float:left; width:100%; height:96px; padding:0 ; display:block; overflow:hidden;}
.main .single ul.proList li a{ padding:7px 0 0 0 ; color:#1b1b1b;}
.main .single ul.proList li a:hover{ color:#555555;}


/*newIn*/
.newIn{ padding:20px 0 ;}
.newIn .pic{ width:100%; height:295px; display:block; overflow:hidden; margin:0 auto; padding:0 0 20px 0; text-align:center; border-bottom:2px solid #eeeeee;}
.newIn .pic img{ width:440px; height:295px; }
.newIn p{ font-size:18px; line-height:1.2; margin:10px 0;}
.newIn p.date{ color:#999999;}
.newIn a{ color:#393939;}
.newIn a:hover{ color:#777777; }

/*btn*/
input[type="button"]{font-family:'Helvetica Neue',Helvetica,'Heiti TC','微軟正黑體','Microsoft Sans Serif',Helvetica,Geneva,sans-serif;
 width:220px; height:48px; display:inline-block; overflow:hidden; text-align:center; border:1px solid #fff;
  background:url(../images/btn_bg.png) center top no-repeat; font-size:20px; font-weight:bold; line-height:46px; color:#fff; margin: 10px 5px ;}
input[type="button"]:hover{background:url(../images/btn_bg.png) center bottom no-repeat; cursor:pointer;}
input[type="button"].big{ width:320px; background:url(../images/btn_bg_big.png) center top no-repeat;}
input[type="button"].big:hover{ width:320px; background:url(../images/btn_bg_big.png) center bottom no-repeat;}

/* footer */
#footer{ width:100%; height:50px; display:block; background-color:#d2d2d2; color:#484848; font-weight:bold; font-size:14px; line-height:20px; text-align:center;}
.error #footer{ position: absolute; bottom: 0; left:50%; margin: 0 -500px; background:#d2d2d2 url(../images/header_bar.jpg) top center no-repeat; height:55px; padding: 5px 0 0;}
/*errorBox*/
.errorBox{ width:720px; padding: 120px 0 160px; margin: 0 auto;}
.errorBox h2{ font-size:60px; font-weight: normal; text-align: center; color: #56c2c2;}
.errorBox ul{font-size:24px; font-weight: bold;color: #333333;}
.errorBox ul li{font-size:18px; font-weight: normal;color: #666666; line-height: 24px; padding: 10px 0 10px 20px; background: url(../images/indexNews_li.png) 8px 17px no-repeat;}
.errorBox p{text-align: center;font-size:24px; font-weight: normal;color: #666666; line-height:36px; padding: 10px 0 10px 20px;}
/*pop*/
.popup_overlay{ position:fixed;  top:0; left: 0; width: 100%; height:100%; min-height:100%; min-width:100%; background-color: #000; filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; z-index:121;}
.pop{ position:absolute; /*top:200px; */ left:50%;  margin:0 0 0 -350px; width:600px; padding:50px; background-color:#fff; z-index:999; 
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}
.pop.popImg{ position:absolute; /*top:200px; */ left:50%;  margin:0 0 0 -495px; width:990px; padding:0; background-color:#fff; z-index:999; 
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}
.pop.popImg.electricity{background-color:#e8ffff;}
.pop table{ font-weight:bold; font-size:18px; line-height:30px; color:#1b1b1b; margin:0 auto;}
.pop table td{ padding:8px 5px;}

.pop input[type="text"],select{ font-family:'Helvetica Neue',Helvetica,'Heiti TC','微軟正黑體','Microsoft Sans Serif',Helvetica,Geneva,sans-serif;
 width:100%; height:30px; display:block; font-size:18px; border:1px solid #a9a9a9; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.pop input[type="text"].type01{ margin:20px 0; height:40px; font-weight:bold; color:#000; background-color:#eeeeee; border:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
/*.pop input.type01[placeholder],[placeholder],*[placeholder]{color: #777777 !important;}*/

.pop .close{ position:relative; width:600px; height:1px; display:block;}
.pop .close a{ position:absolute; right:-65px; top:-65px; width:38px; height:38px; display:block; background:url(../images/close.png) no-repeat;}
.pop.popImg .close a{ position:absolute; right:-405px; top:-20px; width:38px; height:38px; display:block; background:url(../images/close.png) no-repeat;}


.pop h4{ margin:0 auto; color:#333333; font-size:30px; line-height:46px; margin:0 0 10px 0;  border-bottom:2px solid #89c5c9;}
.pop p{ margin:0 auto; color:#555555; font-size:18px; line-height:36px;}
.pop ul{ margin:0 auto; color:#555555; font-size:18px; line-height:36px;}
.pop ul.remind{ margin:0 0 0 24px;}
.pop ul.remind li{ list-style:decimal; }

.pop a{ font-weight:normal; color:#d30000;}
.pop a:hover{ color:#f84141;}
.pop a span{ color:#555555; margin:0 10px 0 0; }
.pop a:hover span{ color:#f84141; margin:0 10px 0 0; }

/*page*/
.page { position:relative; white-space:nowrap; margin-top: 20px; font-size: 12px;}
.page ul { text-align:center; margin:0;  font-size: 18px;}
.page li { display:inline; margin-right: 1px; margin-left: 1px;}
.page a{ padding:0 5px; color: #555555;}
.page a:hover{ color:#aaaaaa;}
.page .current a { background-color: #999999; color: #FFFFFF; font-weight:bold;}
.page .prev{ position:absolute; left:0; top:5px; display: inline-block;}
.page .next{ position:absolute; right:0; top:5px; display: inline-block;}
.page .prev a{ color:#fff; font-weight:bold; background-color: #999999;  padding:3px 6px;}
.page .prev a:hover{ background-color: #aaaaaa;}
.page .next a{ color:#fff; font-weight:bold; background-color: #999999;  padding:3px 6px;}
.page .next a:hover{ background-color: #aaaaaa;}

/*POP accountLi*/
.pop ul.accountLi{ color:#777777;  margin:0 0 0 0;}
.pop ul.accountLi li{ list-style:none; margin:0; padding:0 0 0 20px; background:url(../images/indexNews_li.png) 5px 15px no-repeat; border-bottom:1px dashed #dddddd;}
.pop ul.accountLi li:last-child{ border:none;}

/**/
#hopBox{ width:100%; height:525px;  margin:0 auto; padding:10px 0 ; background-color:#fafafa;}
#hopBox .pop{ position: static; margin:0 auto; width:600px; padding:50px; background-color:#fff; z-index:999;
border:1px solid #eeeeee;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}
/**/
#hopTb{ width:100%;  margin:0 auto; padding:10px 0 ; background-color:#fafafa;}
#hopTb .pop{ position: static; margin:0 auto; width:900px; padding:30px; background-color:#fff; z-index:999;
border:1px solid #eeeeee;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}
#hopTb .pop h2{padding:10px 0 0 0; font-weight:bold; font-size:26px; line-height:1.6; color:#007f8e;}
#hopTb .pop h3{ margin:30px 0 0 0;}
#hopTb .pop p{ padding:0 0 20px 0; border-bottom:1px solid #dddddd;}
#hopTb .pop table{ border-top:1px solid #cccccc; border-left:1px solid #cccccc; margin:0 0 0 0;}
#hopTb .pop table th{ border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;}
#hopTb .pop table td{ border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;}
/*iframeBox*/
.iframeBox{ width:738px; overflow-x:scroll;}

.mT{ margin:20px 0 0 0;}
span.small{ font-size:16px;}
span.red{ color:#cc0000;}
p.red{ color:#cc0000;}



/*list_carousel*/
.list_carousel{ background-color:#000; margin: 0; width:1000px; height:350px; display:block; overflow:hidden;}
.list_carousel ul{ margin:0; padding:0; list-style:none; display: block; color:#fff;}
.list_carousel li{ float: left; width:1000px; height:440px; display:block; overflow:hidden;}
.list_carousel.responsive{ width: auto; margin-left: 0;}
.prev{ position: absolute; bottom:120px; left:30px; width:31px; height:52px; display:block; background:none;}
.next{ position: absolute; bottom:120px; right:30px; width:31px; height:52px; display:block; background:none;}

.list_carousel:hover .prev{ background:url(../images/prev.png) center top no-repeat;}
.list_carousel:hover .prev:hover{ background:url(../images/prev.png) center bottom no-repeat;}
.list_carousel:hover .next{ background:url(../images/next.png) center top no-repeat;}
.list_carousel:hover .next:hover{ background:url(../images/next.png) center bottom no-repeat;}

.pager{ position: absolute; bottom:20px; left:0; width:1000px; height:8px; display:block; overflow:hidden; text-align:center;}
.pager a{ width:10px; height:8px; display:inline-block; margin: 0 10px; background:url(../images/pager.png) center top no-repeat;}
.pager a:hover{ background:url(../images/pager.png) 0 -8px no-repeat;}
.pager a.selected{ background:url(../images/pager.png) center bottom no-repeat;}
.pager a span{ display:none;}

/*app_download*/
.appcon{ background:#f2f2f2; min-width:1000px; height:130px; }
.appbox{ overflow:hidden; position:relative;}
.applogo{ height:130px; color:#000; padding:10px 0px 20px 120px; background:url(../images/app_cion.png) no-repeat left center; background-size:100px; vertical-align:middle; box-sizing:border-box; margin-left:100px;}
.applogo h4{ font-size:32px; margin-bottom:-5px;}
.applogo p{ font-size:24px;}
.applogo span{ font-size:20px;}
.dow{ color:#15b7b6; border:2px solid #15b7b6; border-radius:10px; padding:10px 20px; font-size:32px; position:absolute; right:25px; top:30px;}
.clo{ background:url(../images/app_close.png) no-repeat center; width:40px; height:40px; position:absolute; left:25px; top:45px;}