@import url("reset.css");
html,body{ background:#90c31f;font-family:"微軟正黑體", sans-serif;}
::-moz-selection { /* Code for Firefox */ color:#FFF; background:#60ceff;}
::selection { color:#FFF ; background:#60ceff;}
header{ width:100%; height:413px; background:url(../images/inside/inside_01.gif) top center;}
header .top{ width:960px; margin:0 auto; height:413px; z-index:888; position:relative;}
header .top .share{ position:absolute; top:15px; left:823px;}
header .top .share a{ display:block; width:28px; height:28px; text-indent:-9999px; background:url(../images/index/share.png); float:left; margin:0 2px;}
header .top .share a.home{ background-position:-98px 0;}
header .top .share a.fb{ background-position:0 0;}
header .top .share a.plurk{ background-position:-33px 0;}
header .top .share a.google{ background-position:-65px 0;}
header .top .share a.fb:hover{ background-position:0 -28px;}
header .top .share a.plurk:hover{ background-position:-33px -28px;}
header .top .share a.google:hover{ background-position:-65px -28px;}
header .top .share a.home:hover{ background-position:-98px -28px;}
header .top .logo{position:absolute;	left: 12px;top: 15px;}
header .top .backhome{position:absolute;width: 503px;height: 105px;	left: 309px;top: 93px; text-indent:-9999px;}
header .top .menu{ position:absolute;left:165px; top:302px;}
header .top .menu > li{ display:block;width:130px;height:57px;float:left; z-index:200;}
header .top .menu > li >  a{ display:block; color:#FFF; text-decoration:none; font-size:16px;  line-height:24px; font-weight:bold; width:130px; height:40px; text-align:center; padding-top:17px;}
header .top .menu > li >  a.about{ padding-top:6px; height:51px; }
header .top .menu > li >  a:hover,header .top .menu > li >  a.cut{ color:#e4007f; background:url(../images/index/navbg.png); padding-top:10px; height:47px;}
header .top .menu > li >  a.act:hover,nav .menu > li >  a.actd{ background:url(../images/inside/act_bg.png) top center no-repeat; top center no-repeat; color:#e4007f;padding-top:15px; height:50px;}
header .top .menu > li >  a.sign:hover,nav .menu > li >  a.signd{ background:url(../images/inside/sign_bg.png) top center no-repeat; top center no-repeat; color:#e4007f;padding-top:15px; height:50px;}
header .top .menu > li >  a.about:hover,header .top .menu > li >  a.aboutd{color:#e4007f; line-height:18px; background:url(../images/index/navbg_about.png) bottom;padding-top:3px; height:54px;}
header .top .menu li ul.act_nav{ position:absolute; width:858px; height:56px; background:url(../images/inside/act_bg.png) no-repeat bottom center;left:-110px; top:55px; z-index:10; display:none; padding-left:10px;}
header .top .menu li ul.sign_nav{ position:absolute; width:204px; height:56px; background:url(../images/inside/sign_bg.png) no-repeat bottom center;left:342px; top:55px; z-index:10; display:none; padding-left:20px;}
header .top .menu li ul li{ float:left; display:block; height:56px; padding:0 5px; }
header .top .menu li ul li a{ font-size:14px; font-weight:bold; line-height:50px;color:#262626; text-decoration:none;}
header .top .menu li ul li a span{ display:block; width:21px; height:21px; float:left; background:url(../images/index/icon.gif); color:#FFF; line-height:21px; margin:15px 5px 0 0; text-align:center; font-size:18px;}
header .top .menu li ul li a:hover,header .top .menu li ul li a.cuts{ color:#e40280;}

article{ width:100%; height:auto; background:url(../images/inside/inside_02.gif) top center repeat;}
article .contant{ width:820px; margin:0 auto; position:relative; min-height:450px; padding-left:140px; padding-top:5px; }
article .contant .titlet{ width:88px; height:404px; background:url(../images/inside/title.png); position:absolute; left:18px; top:-39px;}
article .contant  h2{ display:block; width:34px; height:253px;  text-indent:-9999px; position:absolute;top:110px; left:25px;}

/* page01 */
article .page01  h2{ background:url(../images/inside/page01_t.gif);}
article .page01 h3{ display:block; width:608px; height:114px; background:url(../images/inside/page01_ttbg.gif); padding:45px 0 0 155px; font-size:44px; color:#e4007f; letter-spacing:1px; font-weight:normal;}
article .page01 h3 span{ display:block; font-size:16px; color:#FFF; background:#e4007f; line-height:27px; width:217px; text-align:center; margin-top:7px; font-weight:bold; margin-left:3px;}
article .page01 p{ font-size:15px; line-height:26px; color:#1e1e1e;  padding:10px; padding-bottom:40px;}
article .page01 p span{ font-size:27px;}
article .page01 .icon{width:245px;height:111px;background:url(../images/inside/page01_icon.png) left top;position:absolute;left: 782px;top:95px;}

/* page02 */
article .page02 .titlet{ width:89px; height:319px; background:url(../images/inside/page02_tt.png); position:absolute; left:19px; top:-35px;}
article .page02 ul{ margin-top:10px; background:url(../images/inside/page02_bg.png) left top no-repeat; }
article .page02 ul li{ overflow:hidden; display:block;}
article .page02 ul h6{ display:block; width:70px; float:left; height:60px; text-align:center; padding-right:2px; font-size:16px; line-height:21px; color:#e4007f; font-weight:bold; padding-top:12px;}
article .page02 ul p{ display:block; padding-left:80px; font-size:15px; line-height:22px;}
article .page02 ul li.li01 p{ padding-top:12px; font-size:18px; color:#1e1e1e; font-weight:bold;}
article .page02 ul li.li01 p span{ font-size:14px; }
article .page02 ul li.li02{ padding-top:5px; margin-bottom:20px;}
article .page02 ul li.li03 h6,article .page02 ul li.li04 h6,article .page02 ul li.li05 h6{ color:#FFF; height:45px; text-indent:-5px;}
article .page02 ul li.li03 p{ padding-top:9px; }
article .page02 ul li.li04{ padding-bottom:20px;}
article .page02 ul li.li04 p span{line-height:23px;color:#e4007f; background:#e9e9e9; width:auto; line-height:25px; padding:0 5px;}
article .page02 ul li.li05{ padding-bottom:30px;}

/* page03 */
article .page03 .titlet{ width:86px; height:316px; background:url(../images/inside/page03_tt.png); position:absolute; left:22px; top:-37px;}
article .page03 .ttpage3{ width:843px; height:73px; background:url(../images/inside/page03_tbg.png);}
article .page03 .ttpage3 h3{ display:block; line-height:59px; background:url(../images/inside/page03_3t.gif) no-repeat; text-indent:53px; font-size:24px; font-weight:bold; color:#1e1e1e;}
article .page03 .ttpage3 h3.h3tt1{ background:url(../images/inside/page03_1t.gif) no-repeat; }
article .page03 .ttpage3 h3.h3tt2{ background:url(../images/inside/page03_2t.gif) no-repeat; }
article .page03 .ttpage3 h3.h3tt4{ background:url(../images/inside/page03_4t.gif) no-repeat; }
article .page03 .ttpage3 h3.h3tt5{ background:url(../images/inside/page03_5t.gif) no-repeat; }
article .page03 .logo_p3{ padding-bottom:15px;}

article .page03 .list{ overflow:hidden; margin-top:20px; padding-bottom:5px;width:843px;}
article .page03 .list li{ display:block; width:404px; background:url(../images/inside/page03_libg1.gif) repeat; float:left; margin:0 17px 18px 0;}
article .page03 .list li p{ display:block;  background:url(../images/inside/page03_libg2.gif) left bottom no-repeat; padding:10px 20px 15px 20px; font-size:14px; line-height:22px; color:#2b2b2b;}
article .page03 .list li h4{ display:block; width:404px; height:30px; line-height:30px; background:url(../images/inside/page03_libg3.gif); text-indent:20px; font-size:20px; color:#e4007f; font-weight:bold; margin-top:5px;}
article .page03 .list li h6{ display:block; width:364px; font-size:14px; font-weight:normal;  height:18px; line-height:18px; text-indent:22px; margin:5px 0;margin-left:20px;}
article .page03 .list li h6.micon{ background:url(../images/inside/p3icon1.gif) left top no-repeat;}
article .page03 .list li h6.ticon{ background:url(../images/inside/p3icon2.gif) left top no-repeat;}
article .page03 .list li .bot{ height:30px; width:404px; background:url(../images/inside/page03_libg4.gif);}
article .page03 .list li .bot a{ display:block; width:142px; height:30px; margin-left:262px; background:url(../images/inside/page03_more.gif); color:#fffeff; line-height:29px; font-size:14px; text-align:center; text-decoration:none;}
article .page03 .list li .bot a i{ padding-right:5px;}
article .page03 .list li .bot a:hover{ background-position:bottom;}
article .page03 .notice{ width:800px; height:84px; background:url(../images/inside/page03_notice.gif) no-repeat left top; padding-bottom:30px;}
article .page03 .notice p{ padding-left:50px; padding-top:35px; font-size:15px; line-height:23px;}
article .page03 .tb2 {
	margin: 18px 0;
	text-align: center;
}
article .page03 .tb2 td{ height:28px; line-height:28px; border:1px solid #333333; font-size:15px;}
article .page03 .actlist >p{ font-size:20px; font-weight:bold;  line-height:30px; color:#90c31f; padding-top:15px;}
article .page03 .actlist span.ss{ padding-left:18px; font-size:15px; color:#313131; line-height:22px;}
article .page03 .page2_2list{ width:782px; height:220px; background:url(../images/inside/page03_2list.jpg); margin-bottom:20px; position:relative;}
article .page03 .page2_2list p{ display:block; position:absolute;font-size:14px; line-height:22px; color:#2b2b2b; top:18px; left:410px; width:350px;}
article .page03 .page2_2list h6{ display:block;position:absolute; width:364px; font-size:14px; font-weight:normal;  height:18px; line-height:18px; text-indent:22px;left:410px; }
article .page03 .page2_2list h6.micon{ background:url(../images/inside/p3icon1.gif) left top no-repeat;top:140px;}
article .page03 .page2_2list h6.ticon{ background:url(../images/inside/p3icon2.gif) left top no-repeat; top:165px;} 
article .page03 .page2_2list h3{position:absolute;display:block; border-left:8px solid #e4007f; height:18px; line-height:18px;  text-indent:10px; font-size:20px; color:#e4007f; font-weight:bold; margin-top:5px; left:410px; top:100px;}
article .page03 .page2_2list a{ display:block; width:142px; height:30px; margin-left:262px; background:url(../images/inside/page03_more.gif); color:#fffeff; line-height:29px; font-size:14px; text-align:center; text-decoration:none; position:absolute; right:0; bottom:0;}
article .page03 .page2_2list a i{ padding-right:5px;}
article .page03 .page2_2list a:hover{ background-position:bottom;}

.view_overlay{ display:none;  position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,.7); overflow:auto;}
.view_overlay #view_box{ width:880px;  margin:4% auto; position:relative; z-index:10; }
.ppa1 #view_box{ height:919px; background:url(../images/inside/ppage.png);}
.ppa2 #view_box{ height:720px; background:url(../images/inside/ppage2.png);}
.ppa3 #view_box{ height:539px; background:url(../images/inside/ppage3.png);}
.ppa4 #view_box{ height:439px; background:url(../images/inside/ppage4.png);}
.view_overlay .mask{ position:absolute; left:0; top:0; width:100%; height:100%;  z-index:1;}
#view_box .inner{ padding:20px ;}
#view_box .close{ position:absolute; top:-10px; right:50px; cursor:pointer;}
#view_box .date{ font-size: 12px; color:#ED6099; padding:4px;}
#view_box .inner h4{ display:block; width:793px; height:83px; background:url(../images/inside/page03_3_popuptt.png); text-indent:87px; font-size:24px; color:#90c31f; line-height:75px; font-weight:bold; margin:20px 0 0 22px;}
#view_box .inner h3{ font-size:22px; color:#e4007f; font-weight:bold; padding-left:43px; line-height:50px;}
#view_box .inner p{padding:0 43px; font-size:14px; line-height:24px; padding-bottom:15px;}
#view_box .inner p .tt{ background:#000; color:#FFF; margin-top:10px; padding:2px 10px;}
.red{color:#e4007f; font-weight:bold;}
.style01{color:#727272;}
.style02{color:#FFF; font-weight:bold;}

/* page04 */
article .page04{}
article .page04 .titlet{ width:86px; height:318px; background:url(../images/inside/page04_ttbg.png); position:absolute; left:21px; top:-38px;}
article .page04 .titlet  h2{ display:block; width:35px; height:130px;  text-indent:-9999px; position:absolute;top:130px; left:23px;}
article .page04 .titlet  h2.tt1{ background:url(../images/inside/page04_tt1.jpg);}
article .page04 .titlet  h2.tt2{ background:url(../images/inside/page04_tt2.jpg);}

/* page05 */
article .page05 .titlet{ width:87px; height:312px; background:url(../images/inside/page05_tt.png); position:absolute; left:21px; top:-36px;}
article .page05 ul{ padding:20px 0 50px 0;}
article .page05 li{ margin-top:10px;* margin-top:0px;}
article .page05 li img{ float:left;}
article .page05 li .ttx{ width:550px; height:164px; background:url(../images/inside/page05_libg.jpg); margin-left:226px; padding-left:30px; padding-top:20px; position:relative;}
article .page05 li .ttx h3{ font-size:18px; color:#e4007f; font-weight:bold; line-height:26px; padding-bottom:2px;}
article .page05 li .ttx p{ font-size:15px; color:#1f1f1f; line-height:26px;}
article .page05 li .ttx a{
	display:block;position:absolute;width:79px;height:25px;	color:#FFF;	background:url(../images/inside/page05_btnbg.gif);	font-size:15px;	font-weight:bold;text-decoration:none;	line-height:25px;text-align:center;	left: 462px;top: 135px;}
article .page05 li .ttx a:hover{ background-position:bottom;}
article .page05 li .ttx a i{ padding-left:2px;}
article .contant .iicon01{
	position:absolute;width:132px;height:86px;	background:url(../images/inside/page05_ic01.png);
	z-index:10;	left:765px;	top: -10px;}
article .contant .iicon02{
	position:absolute;width:74px;height:56px;	background:url(../images/inside/page05_ic02.png);
	z-index:10;	left:130px;	top:405px;}
article .contant .iicon03{
	position:absolute;width:76px;height:60px;	background:url(../images/inside/page05_ic03.png);
	z-index:10;	left:730px;	top:950px;*top:980px;}
/* page06 */
article .page06{ padding-bottom:30px;}
article .page06 .titlet{ width:82px; height:321px; background:url(../images/inside/page06_tt.png); position:absolute; left:21px; top:-40px;}
article .page06 .tt h4{ width:818px; height:48px; line-height:45px; background:url(../images/inside/page06_tbg.png) right no-repeat; color:#e4007f; font-size:21px; text-indent:90px; font-weight:bold; letter-spacing:1px; margin-bottom:14px; margin-top:10px;}
article .page06 ul{ overflow:hidden;}
article .page06 li{ display:block; width:188px; height:325px; float:left; background:#f4f4f4; margin-left:15px; margin-bottom:16px;}
article .page06 li img{ display:block;margin:10px auto 5px auto;}
article .page06 li h6{ font-size:14px; line-height:20px; padding:0 32px;}
article .page06 li p.money01{ font-size:12px; color:#696969; line-height:25px;padding:0 32px;}
article .page06 li p.money02{ font-size:12px; color:#000; padding:0 32px;}
article .page06 li p.money02 span{ width:300px; font-size:22px;  font-weight:bold; color:#e4007f;}
 article .page06 li a{ display:block; width:118px; height:25px; background:url(../images/inside/page06_btn.gif); margin:0 auto; margin-top:10px; text-decoration:none; line-height:25px; color:#FFF; text-indent:33px; font-size:14px; font-weight:bold;}
article .page06 li a:hover{ background-position:bottom;}

/* footer */
footer{ width:100%; height:88px; background:url(../images/inside/inside_03.gif) top center; }
footer .copyright{ width:960px; margin:0 auto; height:88px; position:relative;}
.copyright .illname{ color:#FFF; position:absolute; left:30px; top:40px; width:200px; font-size:13px; font-weight:bold;}
.copyright .copy1{ position:absolute; top:27px; left:213px; }
.copyright .copy1 p{ padding-right:3px;}
.copyright .copy2{ position:absolute; top:27px; left:373px; }
.copyright > div p{font-size:13px; line-height:40px; float:left;}
footer .pagetop{width:960px; margin:0 auto; position:relative; }
footer .pagetop a{ display:block; width:88px; height:128px; position:absolute; top:-95px; right:-40px; background:url(../images/inside/page_top.png); text-indent:-9999px; z-index:888;}
footer .pagetop a:hover{ background-position:bottom;}
@media screen and (max-width: 1024px) {
footer .pagetop a{ display:block; width:88px; height:128px; position:absolute; top:-95px; right:-20px; background:url(../images/inside/page_top.png); text-indent:-9999px; z-index:888;}
article .page01 .icon{width:201px;height:111px;background:url(../images/inside/page01_icon.png) left top;position:absolute;left: 782px;top:95px;}
}