@charset "utf-8";
/* CSS Document */
@import url("text.css");
body,p,span,ul,li,img{ margin:0; padding:0; font:400 13px/130% Verdana, Arial, Helvetica, sans-serif; color:#333333; border:0;}
a { color:#1B6298; text-decoration:none;}
a:hover{ color:#000; text-decoration: underline;}
ul{ list-style: none;}
/*常用設定*/
.clr{ clear: both;}
.fl-l{ float:left;}
.fl-r{ float:right;}
.allbg{ width:100%;background:url(../images/allbg.jpg) no-repeat center top;}
/*表單設定*/
.inp-01{ border:1px solid #ccc; width:120px;}
.btn-01{ width:44px; height:20px; background:url(../images/btn-bg01.jpg) no-repeat; border:0; color:#FFF; font-size:12px;}
.btn-02{ width:61px; height:20px; background:url(../images/btn-bg02.jpg) no-repeat;border:0; color:#FFF;font-size:12px;}
/*border:1px solid #000;*/
.pagesize{ width:1000px; margin:0 auto;}
.header{ height:330px; position: relative;}
/*top Link*/
.toplink{top:25px;right:30px; font-size:12px; position:absolute; z-index:1}
.toplink a{font-size:12px;}
.toplink .btn{ width:66px; height:21px; background:url(../images/link-btn.jpg) no-repeat; float:left; margin-left:10px;}
.toplink .btn a{ width:66px; height:21px; display:block;}
/*Logo*/
.logo{ width:220px; height:55px; background:url(../images/logo.jpg) no-repeat; position:absolute; top:20px; left:160px;}
.logo a{ width:220px; height:55px; display:block;}

.nav{
	width:590px;
	height:37px;
	background:url(../images/nav_bg.png) no-repeat;
	top:63px;
	left:399px;
	position:absolute;
	z-index:2
}
.nav ul{ padding-left:35px;}
.nav li{ width:90px; height:20px; margin:10px 25px 0 0px; float:left;}
.nav li a{ width:90px; height:27px; display:block;}
.nav li.n01 { width:130px; }
.nav li.n01 a{ background:url(../images/nav-5.jpg) no-repeat; width:130px; }
.nav li.n01 a:hover{ background:url(../images/nav-5_f2.jpg) no-repeat;}
.nav li.n02 { width:110px; }
.nav li.n02 a{ background:url(../images/nav-6.jpg) no-repeat; width:110px;}
.nav li.n02 a:hover{ background:url(../images/nav-6_f2.jpg) no-repeat;}
.nav li.n03 a{ background:url(../images/nav-7.jpg) no-repeat;}
.nav li.n03 a:hover{ background:url(../images/nav-7_f2.jpg) no-repeat;}
.nav li.n04 a{ background:url(../images/nav-8.jpg) no-repeat;}
.nav li.n04 a:hover{ background:url(../images/nav-8_f2.jpg) no-repeat;}
.nav li.n05 { width:110px; }
.nav li.n05 a{ background:url(../images/nav-9.jpg) no-repeat; width:110px;}
.nav li.n05 a:hover{ background:url(../images/nav-9_f2.jpg) no-repeat;}
.nav li.n06 { width:110px; }
.nav li.n06 a{ background:url(../images/nav-10.jpg) no-repeat; width:110px;}
.nav li.n06 a:hover{ background:url(../images/nav-10_f2.jpg) no-repeat;}
.nav li .level2 { display: none;}
.nav li .level2 li { width:90px; height: auto; margin:0px 0px 0 -15px; float: none;}
.nav li .level2 li a{ background: #eee; text-align:center; padding: 5px 0; display:block; height: auto;}
.nav li .level2 li a:hover{ background: #005EA6; color: #fff; text-decoration: none;}
/* Hover Function - Do Not Move */
.nav li:hover ul ul,.nav li:hover ul ul ul,.nav li.iehover ul ul,.nav li.iehover ul ul ul { display: none; }
.nav li:hover ul,.nav ul li:hover ul,.nav ul ul li:hover ul,.nav li.iehover ul,.nav ul li.iehover ul,.nav ul ul li.iehover ul { display: block;}

.m-content{}
/*left box 設定*/
.leftset{ width:220px; float:left; margin-right:20px; padding-left: 10px; overflow:hidden;}
.l-box{ margin-bottom:5px;}
.l-box .title{ height:45px; overflow:hidden;}
.l-box .login{ background:url(../images/left-login.jpg) no-repeat;}
.l-box .vote{ background:url(../images/left-vote.jpg) no-repeat;}
.l-box .learn{ background:url(../images/left-learn.jpg) no-repeat;}
.l-box .title .more{ width:39px; height:15px; background:url(../images/more1.jpg) no-repeat; margin:20px 0 0 160px;}
.l-box .title .more a{ width:39px; height:15px; display:block;}
.l-box .main{ background:url(../images/leftbg.jpg) repeat-y; padding:5px 0;}
.l-box .down{ height:15px; background:url(../images/left-down.jpg) no-repeat;}
/*登入設定*/
.loginset{ margin-left:20px;}
form { margin: 0; padding:0; }
.loginset li{ padding:5px 0;}
.loginset li.l-id{ background:url(../images/login-id.jpg) 0 5px no-repeat; padding-left:35px;}
.loginset li.l-pw{ background:url(../images/login-pw.jpg) 0 5px no-repeat; padding-left:35px;}
.loginset .foget{ float:left; margin-right:10px;}
.loginset .loginbtn{ float:left;}
/*服務專線*/
.phone{ width:220px; height:100px; background:url(../images/left-phone.jpg) no-repeat;margin-bottom:5px;}
.phone a{ width:220px; height:100px; display:block;}

/*投票設定*/
.voteset{ margin:0 15px; padding-top:10px;}
.voteset .grbox{ }
.voteset .grbox .top{background:url(../images/gr-top.jpg) no-repeat;height:10px; overflow:hidden}
.voteset .grbox .mainn{background-color:#DDDDDD; padding:0 5px;}
.voteset .grbox .down{ background:url(../images/gr-down.jpg) no-repeat; height:10px; overflow:hidden}
.voteset .time{ background:url(../images/vote-pic.jpg) 5px 5px no-repeat; padding-left:45px; padding-top:5px; }
.voteset .time span{ color:#CC0000;font-family:Arial, Helvetica, sans-serif; padding:5px 0; display:block}

/*learn設定*/
.learnset{ margin:0 15px; padding-top:10px;}
.learnset .pic{ width:70px; height:70px; float:left; margin-right:5px;}
.learnset ul{ float:left;}
.learnset li{ background:url(../images/icon01.jpg) 3px 5px no-repeat;  padding:2px 0;padding-left:15px;}
 
/*center內容設定*/
.cmain{ width:470px; margin-right:20px; float:left; overflow:hidden;}
.listbox{ margin-bottom:10px;}
.listbox .tabset{ background: url(../images/tab-line.jpg) repeat-x; height:28px; margin-bottom:10px;/*.margin-bottom:10px;*/_margin-bottom:5px;margin-right:10px}
.listbox .tabset .login{ background: url(../images/tab-line.jpg) repeat-x; height:28px; margin-bottom:10px;margin-right:5px}
.listbox .tabset .title{ float:left; width:100px;}
.listbox .tabset ul{ float:right;}
.listbox .tabset li{ width:72px; height:20px; background:url(../images/tab-bg_f2.jpg) no-repeat; float:left; margin-left:1px; text-align:center; padding-top:8px;}
.listbox .tabset li a{ width:72px; height:20px; display: block; color:#999999}
.listbox .tabset li a:hover{ width:72px; height:28px;background:url(../images/tab-bg.jpg) no-repeat;margin-top:-8px;padding-top:10px; color:#000;}
.listbox .tabset .se { width:72px; height:28px;background:url(../images/tab-bg.jpg) no-repeat;padding-top:10px;}
.listbox .tabset .se a{ width:72px; height:28px;background:url(../images/tab-bg.jpg) no-repeat;margin-top:-8px;padding-top:10px;}
.listbox .more{margin-top:5px; text-align:right; position:relative; height:20px;}
.listbox .more .btn{ width:51px; height:19px; background:url(../images/more.jpg) no-repeat; border:0; position:absolute; right:0;}
.listbox .more .btn a{ width:51px; height:19px; display:block;}

/*表格設定*/
table.style01 th{ background:url(../images/icon01.jpg) no-repeat 0 8px ; padding-left:15px; text-align:left; font-weight:400;border-bottom:1px solid #E0E0E0;}
table.style01 td{ padding:5px; border-bottom:1px solid #E0E0E0;}
table.style02 { margin: 0 auto; width: 230px;}
table.style02 th{ background:url(../images/icon02.jpg) no-repeat 0 5px ; padding-left:15px; text-align:left; font-weight:400;border-bottom:1px dashed #E0E0E0;}
table.style02 td{ padding:5px; border-bottom:1px dashed #E0E0E0;}


/*right*/
.sidebar{ width:260px; float: left; overflow: hidden;}
.ad{ height:68px; margin-bottom:5px;}
.r-box{ margin-bottom:5px;}
.r-box .title{ height:45px; overflow:hidden;}
.r-box .learn{ background:url(../images/sidebar-learn.jpg) no-repeat;}
.r-box .learn .more{ width:51px; height:19px; background:url(../images/more2.jpg) no-repeat; margin:15px 0 0 190px;}
.r-box .learn .more a{ width:51px; height:19px; display:block;}
.r-box .join{ background:url(../images/sidebar-join.jpg) no-repeat;}
.r-box .main{ background:url(../images/sidebar-bg.jpg) repeat-y;}
.r-box .down{ height:15px; background:url(../images/sidebar-down.jpg) no-repeat;}
.r-box .lifelong{ background:url(../images/sidebar-lifelong.jpg) no-repeat;}
.r-box .lifelong .more{ width:51px; height:19px; background:url(../images/more2.jpg) no-repeat; margin:15px 0 0 190px;}
.r-box .lifelong .more a{ width:51px; height:19px; display:block;}
/*學習專區*/
.learnset2{ padding:2px 0;}
.learnset2 ul{ margin-left:18px;}
.learnset2 li{ width:224px; height:25px; margin:5px 0; background: url(../images/learn_bg.jpg) no-repeat;}
.learnset2 li a{ width:194px; height:25px; display:block;background: url(../images/learn_bg.jpg) no-repeat; padding-left: 30px; line-height: 25px; font-weight: bold; color: #666;}
.learnset2 li a:hover{ background-position: 0 -25px; text-decoration: none;}

/*banner*/
.bannerset{ width:750px; overflow: hidden;}
.bannerset li{ float:left; width: 175px; overflow: hidden;}
.bannerset li.gap{ margin-right:16px;}

/*footer*/
.footer{ padding:20px; border-top:1px solid #ddd; text-align:center; margin-top:20px;}
.gap01{margin-bottom:35px;/*.margin-bottom:35px;*/_margin-bottom:25px;}