@charset "utf-8";
/* CSS Document */
body {
	font-family:"Arial","Verdana","Helvetica";
	letter-spacing:1px;
	line-height:20px;
	margin:0 auto;
	padding:0;
	background-color:#fff;
}

body.green {
	background-color:#b3d135;
}
body.white {
	background-color:#fff;
}

body.green .main-pic{
	width:100%;
	height:415px;
	background-image:url(../img/main-pic.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	margin:0 auto;
}

body.white .main-pic{
	width:100%;
	height:415px;
	background-image:url(../img/main-pic-w.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	margin:0 auto;
}

form {
	margin:0 auto;
	padding:0;
	text-align:center;
}

.main {
	width:975px;
	margin:0 auto;
	padding:0;
}	
.text-input{
	font-size:15px;
	color:#666;
	height:20px;
	border:1px solid #d4d0c8;
}

.text-input1{
	font-size:13px;
	line-height:18px;
	color:#999;
	height:15px;
	border:0;
	margin-left:3px;
	/*padding-top:5px;*/
	margin-top:6px;
}
.where {
	margin:15px auto;
	font-size:13px;
	line-height:20px;
}
/*-------------右區塊-----------------*/
.right-box {
	width:16%;
	float:right;
	margin:0 auto;
	padding:240px 0 0 0;*padding:270px 0 0 0;_padding:270px 0 0 0;
}

body.green .right-side,body.white .right-side{
	list-style-type:none;
	
}
body.green .right-side li,body.white .right-side li {
	color:#6d8433;
	text-align:left;
	line-height:20px;
	margin-top:22px;
}

body.green .right-side li a,body.green .right-side li a:link,body.green .right-side li a:visited,
body.white .right-side li a,body.white .right-side li a:link,body.white .right-side li a:visited {
	color:#6d8433;
	text-align:left;
	font-size:12px;
	text-decoration:none;
}

body.green .right-side li a:hover {
	color:#fff;
}
body.white .right-side li a:hover {
	color:#b2ce35;
}
/*-------------左區塊-----------------*/
.left-box {
	width:80%;
	float:left;
	margin:0 auto;
	padding:0;
}



/*-------------首頁橫滑區塊-----------------*/
.flash-slide{
	width:100%;
	margin:10px auto 5px auto;
	padding:0;
}

.flash-slide ul {
	list-style-type:none;
	margin:0 auto 0 0;
	padding:0;
	background-color:#666;
}
.flash-slide ul li {
	float:left;
	margin:0;
	padding:0 2px;
	
}
.flash-slide ul li.arraw{
	width:30px;
	padding:40px 0 0 0;
}
.flash-slide ul li a img {
	border:0;
}

.main-login {
	width:100%;
	text-align:center;
	padding:0;
	margin:15px auto 0 auto;
}
.main-form {
	width:100%;
	margin:0;
	paddinng:0;
}

.login-input{
	width:80%;
	list-style-tpye:none;	
	margin:0 auto 0 auto;
	padding-left:10px;

}

.login-input li{
	font-size:11px;
	color:#6d8433;
	text-align:left;
	float:left;
	padding-top:8px;
	margin:0 5px;
}
.login-input li.try {
	padding-top:0;
}
.login-input li a,.login-input li a:link,.login-input li a:visited {
	color:#6d8433;
	text-align:left;
	text-decoration:underline;
}
.login-input li a:hover {
	color:#666666;
	text-decoration:none;
}

.login-input1{
	width:24%;
	font-size:11px;
	color:#6d8433;
	text-align:left;
	display:inline;
}

body.green .member {
	width:154px;
	height:24px;
	display:block;
	background-image:url(../img/main-input.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin-bottom:5px;
	
}
body.white .member {
	width:154px;
	height:24px;
	display:block;
	background-image:url(../img/main-input-w.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin-bottom:5px;
	
}
/*-------------header-----------------*/
.header{
	width:100%;
	height:105px;
	margin:0 auto 15px auto;
	padding:0;
}

a.galogo,a.galogo:link,a.galogo:visited,a.galogo:hover {
	width:201px;
	height:80px;
	background-image:url(../img/logo.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	float:left;
}

.headbar {
	width:100%;
	height:25px;
	background-image:url(../img/headbar-bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding:0;
}

.headbar img.tail {
	float:right;
	border:0;
}

/*-------------流程區塊-----------------*/
.flow-box {
	width:850px;
	margin:0 auto;
	padding:0;
}

.flow-box ul {
	list-style-type:none;
	margin:0 auto;
	
}

.flow-box ul li {
	float:left;
	margin:0 1px;
}
.step1,.step1a,.step2,.step2a,.step3,.step3a,.step4,.step4a{
	width:122px;
	height:81px;
	background-position:left top;
	background-repeat:no-repeat;
}

.step1 {
	background-image:url(../img/step1.jpg);
}
.step1a {
	background-image:url(../img/step1a.jpg);
}
.step2 {
	background-image:url(../img/step2.jpg);
}
.step2a {
	background-image:url(../img/step2a.jpg);
}
.step3 {
	background-image:url(../img/step3.jpg);
}
.step3a {
	background-image:url(../img/step3a.jpg);
}
.step4 {
	background-image:url(../img/step4.jpg);
}
.step4a {
	background-image:url(../img/step4a.jpg);
}
.step1 p,.step2 p,.step3 p,.step4 p,.step1a p,.step2a p,.step3a p,.step4a p{
	font-size:15px;
	color:#666;
	margin:0 auto 0 auto;
	padding:50px 0 0 0;
	text-align:center;
}

/*-------------內容區塊1-----------------*/
.content-box {
	width:835px;
	margin:10px auto;
	padding:0;
	text-align:center;
	background-image:url(../img/content-bg.jpg);
	background-position:left top;
	background-repeat:repeat-y;
}

.frame-top,.frame-bottom{
	height:8px;
	width:100%;	
	background-repeat:no-repeat;
	background-position:left top;
}

.frame-top{
	background-image:url(../img/frame-top-bg.jpg);
}

.frame-bottom{
	background-image:url(../img/frame-bottom-bg.jpg);
}

.frame-top-tail,.frame-bottom-tail {
	float:right;
	border:0;
}
/*-------------節目表區塊-----------------*/
.proglist-box {
	width:955px;
	margin:10px auto;
	padding:0;
	text-align:center;
	background-image:url(../img/proglist-bg.jpg);
	background-position:left top;
	background-repeat:repeat-y;
}


.proglist {
	width:935px;
	margin:0 auto;
	list-style-type:none;
	padding:0;
}
.proglist li{
	padding:0;
	margin:0;
	line-height:0;
}
.proglist li h3 {
	width:96%;
	margin:0 auto;
	background-image:url(../proglist/title.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	height:65px;
	padding:0;
}
.proglist li img {
	border:0;
	margin:0 0 -3px 0;
	padding:-1px 0 0 0;
}

.proglist1 {
	width:98%;
	margin:15px auto;
	border-left:1px solid #eeeeee;
	border-top:1px solid #eeeeee;
	background-color:#fff;
}
.proglist1 tr th,.proglist1 tr td {

	line-height:20px;
	border-right:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	color:#666;
	font-size:12px;
	font-weight:normal;	
}
.proglist1 tr td.clock {
	padding:5px 5px;
	font-size:19px;
	color:#fff;
	font-weight:600;
	font-family:"Arial";
	background-color:#b3d135;
	text-algin:left;
}
.proglist1 tr.row2{
	background-color:#fbffeb;
}
.proglist1 tr td.week{
	font-size:13px;
	color:#fff;
	font-weight:600;
	background-color:#99b819;
	text-algin:center;
	padding:5px 5px;
	
}
.hostlist1 {
	width:90%;
	list-style-type:none;
	margin:0 auto;
}
.hostlist1 li.item{
	font-size:13px;
	color:#333;
	font-weight:normal;
	background-color:#f7f7f7;
	text-align:left;
	padding:2px 5px;	
	height:3.0em;
	border-bottom:1px dotted #789309;
} 
.hostlist1 li.nickname{
	font-size:15px;
	color:#429b00;
	line-height:20px;
	font-weight:normal;
	text-align:left;
	padding:2px 5px;	
	height:2.3em;
	overflow:hidden;
	border-bottom:1px dotted #789309;
} 
.hostlist1 li.school{
	font-size:13px;
	color:#666;
	font-weight:normal;
	text-align:left;
	line-height:18px;
	padding:2px 5px;	
	height:2.5em;
	overflow:hidden;
	border-bottom:1px dotted #789309;
} 

.hostlist1 li.intro{

	text-align:center;
	vertical-align:top;
	margin-bottom:5px;
} 
.hostlist1 li.intro p {
	padding:2px 5px;	
	font-size:11px;
	line-height:14px;
	color:#666;
	font-weight:normal;
	text-align:left;
}
.hostlist1 li.intro img.hostimg{
	width:90px;
	height:67px;
	margin:4px auto 0 auto;
	border:3px solid #b3d135;
}
/*-------------註冊區塊-----------------*/
.apply-box{
	width:90%;
	margin:0 auto;
	padding:0;
}
.apply-box h4 {
	font-size:15px;
	color:#92b113;
	text-align:left;
	margin:20px auto 0 auto;
	font-weight:600;
}
.top-graybar,.bottom-graybar{
	width:100%;
	height:16px;
	background-repeat:repeat-x;
	background-position:left top;
}
.top-graybar{
	background-image:url(../img/top-graybar-bg.jpg);
	margin:0 auto 10px auto;
}
.bottom-graybar{
	background-image:url(../img/bottom-graybar-bg.jpg);
	margin:10px auto 10px auto;
}

.apply-table {
	width:95%;
	margin:0 auto;
	border:0;
}

.apply-table tr th,.apply-table tr td{
	border-bottom:1px dotted #d9d9d9;
	padding:10px 5px;
	font-size:15px;
}

.apply-table tr.end th,.apply-table tr.end td{
	border-bottom:0;
}

.apply-table tr th{
	width:30%;
	color:#666;
	text-align:right;
}
.apply-table tr td{
	width:70%;
	text-align:left;
}
a.check-btn,a.check-btn:link,a.check-btn:visited {
	background-image:url(../img/icon1.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:14px;
	font-size:13px;
	color:#3e7200;
	margin-left:5px;
	text-decoration:underline;
}
a.check-btn:hover {
	text-decoration:none;
}


a.policy,a.policy:link,a.policy:visited{
	font-size:13px;
	color:#3e7200;
	margin-left:5px;
	text-decoration:underline;
}
a.policy:hover{
	text-decoration:none;
}

.promo{
	width:80%;
	font-size:15px;
	color:#6b9d30;
	text-align:left;
	font-weight:600;
	margin:0 auto;
}
.host-list{
	width:90%;
	list-style-type:none;
	display:block;
	margin:10px auto;
}	

.host-icon {
	width:20%;
	border:1px dotted #a4c520;
	background-color:#fff;
	padding:8px;
	display:table;
	float:left;
	margin:5px 5px;
}

.host-icon img.hostpic{
	width:120px;
	height:90px;
	border:4px solid #b2ce35;
}

.host-icon h5 {
	width:120px;
	font-size:13px;
	line-height:18px;
	color:#666;
	font-weight:600;
	text-align:left;
	height:1.4em;
	padding:0;
	overflow:hidden;
	margin:5px auto 0 auto;*margin:0 auto;_margin:0 auto;
	padding:0;
}
.host-icon p{
	width:120px;
	height:2.4em;
	font-size:15px;
	color:#438700;
	line-height:18px;
	text-align:left;	
	padding:0;
	margin:5px auto 0 auto;
	overflow:hidden;
}
/*-------------按紐區塊-----------------*/
.btn-box1{
	width:90%;
	margin:10px auto;
	padding:0;
	text-align:center;
}
.btn-box1 ul {
	width:70%;
	list-style-type:none;
	margin:0 auto;
}

.btn-box1 ul li {
	float:left;
	margin:0 3px;
	vertical-align:center;
}
.btn-box1 ul li form {
	padding-top:10px;
}

.btn-box2{
	width:100%;
	margin:10px auto;
	padding:0;
	text-align:center;
}

.btn-box2 ul {
	list-style-type:none;
	margin:0 auto;
	float:right;
	padding:0;
}
.btn-box2 ul li {
	margin:0 3px;
	vertical-align:center;
	text-align:right;
}
.btn-box2 ul li a,.btn-box2 ul li a:link,.btn-box2 ul li a:visited {
	font-size:10px;
	color:#3e7200;
	text-decoration:none;
}
.btn-box2 ul li a:hover{
	color:#3e7200;
	text-decoration:underline;
}
/*-------------按紐樣式-----------------*/
a.btn1,a.btn1:link,a.btn1:visited,a.btn1:hover,
a.btn2,a.btn2:link,a.btn2:visited,a.btn2:hover,
a.btn3,a.btn3:link,a.btn3:visited,a.btn3:hover,
a.btn-login,a.btn-login:link,a.btn-login:visited,a.btn-login:hover,
a.btn-reg,a.btn-reg:link,a.btn-reg:visited,a.btn-reg:hover,
a.btn-preview,a.btn-preview:link,a.btn-preview:visited,a.btn-preview:hover,
a.btn-leftarraw1,a.btn-leftarraw1:link,a.btn-leftarraw1:visited,a.btn-leftarraw1:hover,
a.btn-rightarraw1,a.btn-rightarraw1:link,a.btn-rightarraw1:visited,a.btn-rightarraw1:hover,
a.btn-reg1,a.btn-reg1:link,a.btn-reg1:visited,a.btn-reg1:hover
{
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
}
a.btn1,a.btn1:link,a.btn1:visited {
	width:208px;
	height:45px;
	background-image:url(../img/btn1.jpg);

}
a.btn1:hover {
	background-image:url(../img/btn1a.jpg);
}

a.btn2,a.btn2:link,a.btn2:visited {
	width:111px;
	height:45px;
	background-image:url(../img/btn2.jpg);
}
a.btn2:hover {
	background-image:url(../img/btn2a.jpg);
}

a.btn3,a.btn3:link,a.btn3:visited {
	width:110px;
	height:45px;
	background-image:url(../img/btn3.jpg);
	margin:0 auto;
}
a.btn3:hover {
	background-image:url(../img/btn3a.jpg);
}

a.btn-leftarraw1,a.btn-leftarraw1:link,a.btn-leftarraw1:visited {
	width:30px;
	height:30px;
	background-image:url(../img/btn-left-arraw1.jpg);
	margin:0 auto;
}
a.btn-leftarraw1:hover {
	background-image:url(../img/btn-left-arraw1a.jpg);
}

a.btn-rightarraw1,a.btn-rightarraw1:link,a.btn-rightarraw1:visited {
	width:30px;
	height:30px;
	background-image:url(../img/btn-right-arraw1.jpg);
	margin:0 auto;
}
a.btn-rightarraw1:hover {
	background-image:url(../img/btn-right-arraw1a.jpg);
}

body.green a.btn-login,body.green a.btn-login:link,body.green a.btn-login:visited {
	width:69px;
	height:24px;
	background-image:url(../img/btn-login.jpg);
}
body.green a.btn-login:hover {
	background-image:url(../img/btn-logina.jpg);
}

body.white a.btn-login,body.white a.btn-login:link,body.white a.btn-login:visited {
	width:69px;
	height:24px;
	background-image:url(../img/btn-login-w.jpg);
}
body.white a.btn-login:hover {
	background-image:url(../img/btn-logina-w.jpg);
}

body.green a.btn-reg,body.green a.btn-reg:link,body.green a.btn-reg:visited {
	width:54px;
	height:24px;
	background-image:url(../img/btn-reg.jpg);
}
body.green a.btn-reg:hover {
	background-image:url(../img/btn-rega.jpg);
}

body.white a.btn-reg,body.white a.btn-reg:link,body.white a.btn-reg:visited {
	width:54px;
	height:24px;
	background-image:url(../img/btn-reg-w.jpg);
}
body.white a.btn-reg:hover {
	background-image:url(../img/btn-rega-w.jpg);
}

body.green a.btn-preview,body.green a.btn-preview:link,body.green a.btn-preview:visited {
	width:106px;
	height:37px;
	background-image:url(../img/btn-preview.jpg);
}
body.green a.btn-preview:hover {
	background-image:url(../img/btn-previewa.jpg);
}
body.white a.btn-preview,body.white a.btn-preview:link,body.white a.btn-preview:visited {
	width:106px;
	height:37px;
	background-image:url(../img/btn-preview-w.jpg);
}
body.white a.btn-preview:hover {
	background-image:url(../img/btn-previewa-w.jpg);
}

a.btn-reg1,a.btn-reg1:link,a.btn-reg1:visited {
	width:60px;
	height:30px;
	background-image:url(../img/btn-reg1.jpg);
	margin:35px 5px 0 auto;
	float:right;
}
a.btn-reg1:hover {
	background-image:url(../img/btn-reg1a.jpg);
}
/*-------------提示樣式-----------------*/
.warning{
	font-size:13px;
	color:#ff6aa6;
	font-weight:600;
	padding-left:10px;
}
.promo-detail {
	font-size:12px;
	color:#6b9d30;
	display:block;
	font-weight:normal;
}
/*-------------web-end區塊-----------------*/

.web-end{
	width:975px;
	margin:0 auto;
	padding:0;
}

.note1{
	font-size:16px;
	color:#ff5a00;
	text-align:left;
	padding-left:88px;
}

.blogtext{
	text-align:left;
	color:#ffffff;
	font-size:11px;
	padding-left:40px;
}