/* CSS Document */
body,div,ol,ul,li,table,tr,td,p,h1,h2,h3,h4,h5{
margin:0px;
padding:0px;
}
select {
	font-size:11px;
}
ul
{
margin:12px;
padding:0px;
}
body{
background:url(../images/bg.jpg) repeat-x;
background-color:#a2bcdf;
font-size:12px;
font-family:Verdana;
scrollbar-face-color: #a2bcdf;
scrollbar-3dlight-color: #a2bcdf;
scrollbar-arrow-color: #fff;
scrollbar-track-color: #a2bcdf;
scrollbar-darkshadow-color: #a2bcdf;
scrollbar-base-color: #fff;
}

.logo_link{
position:absolute; 
margin:41px 0 0 53px;
}
a.marqueeLink:hover {
	color : #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 12px;
	font-weight:bold;
}

a.marqueeLink  {
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight:bold;
}

a.marqueeLink:visited {
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 12px;
	font-weight:bold;
}


a.marqueeLink:visited:hover {
	color : #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 12px;
	font-weight:bold;
}

 a.db:link, a.db:visited{color:#243674;}
 a.db:hover,a.db:active{color:#fff;text-decoration : underline;}

.marquee{
width:230px;
height:30px;
float:left;
position:absolute;
margin:307px 0 0 58px; 
}
.marquee1{
width:230px;
height:30px;
float:left;
position:absolute;
margin:337px 0 0 58px; 
}
font-size:18px;
color:#1c2959;
border-bottom: solid 1px #FFFFFF;
margin:0 0 5px 0;
}
h2{
font-size:13px;
color: #1c2959;
margin:0 0 5px 0;
}
a{ text-decoration:none}
.clear{ clear:both}
.fl{ float:left}
.c66{ color:#E6EDF7}
.cff{ color:#FFFFFF}
.cc0{ color:#CC0000}
.f10{font-size:8px!important; line-height:25px; margin:0 6px 0 1px;}
.f12{font-size:9px!important;}
.pnt{ padding-top:0px!important;}
.mt15{ margin-top:15px!important;}
.ml5{ margin-left:5px}
.ml75{ margin-left:75px; *margin-left:75px; _margin-left:40px}

.mt_img{ margin:0 3px -2px 0}
input{
line-height:13px;
height:13px;
background-color:#DBE4F2;
}
textarea{
background-color:#DBE4F2;
}
.button{
	height:20px;
	line-height:18px;
	background-color:#749BCF;
	border: 1px solid #1C2959;
	color: #243674;
	cursor:pointer;
}
.button1{
    width:70px;
	height:20px;
	line-height:18px;
	background-color:#749BCF;
	border: 1px solid #1C2959;
	color: #243674;
	margin:3px 0 5px 0;
}
#content{
width:872px;
height:590px;
position:relative;
left:50%;
margin-left:-436px;
}
#content1{
width:872px;
position:relative;
left:50%;
margin-left:-436px;
}
#footer{
width:872px;
float:left;
color:#FFFFFF;
text-align:center;
font-family:Verdana;
line-height:20px;
}
#sub{
width:872px;
height:570px;
float:left;
}
#sub1{
width:872px;
height:590px;
float:left;
}
.menu{
width:208px;
height:230px;
float:left;
position:absolute;
margin:107px 0 0 49px; 
}
.topmenu{
width:290px;
height:18px;
float:left;
position:absolute;
margin:50px 0 0 580px;
}
.topmenu1{
width:290px;
height:18px;
float:left;
position:absolute;
margin:20px 0 0 560px;
}
.flash{
width:872px;
height:570px;
}
.con{
width:872px;
background:url(../images/bg_2.jpg) no-repeat;
}
.contents{
width:579px;
float:left;
margin:86px 0 0 269px;
*margin:86px 0 0 269px;
_margin:86px 0 0 132px;
}
.tit{
width:579px;
height:47px;
float:left;
}
.con_bg{
width:579px;
float:left;
background:url(../images/bg_3.gif) repeat-y;
}
.con_text{
width:495px;
float:left;
padding:10px 0 0 80px;
}
.con_footer{
width:579px;
float:left;
}
.company{
width:579px;
height:30px;
float:left;
margin:5px 0 0 0;
color:#2a3d7a;
line-height:30px;
}
.company img{ margin:0;}
.company a:link,.company a:visited{color:#243674;}
.company a:hover,.company a:active{color:#fff;}

/*--地球暖化,減碳節能--*/
.globe_con a:link,.globe_con a:visited,.globe_bt a:link,.globe_bt a:visited{
color:#243674;
}
.globe_con a:hover,.globe_con a:active,.globe_bt a:hover,.globe_bt a:active{
color:#fff;
}
.res_con a:link,.res_con a:visited,.pbottle_con a:link,.pbottle_con a:visited{
color: #243674;
text-decoration:underline;
}
.res_con a:hover,.res_con a:active,.pbottle_con a:hover,.pbottle_con a:active{
color: #FFFFFF;
}
.globe_bt{
width:495px;
float:left;
margin:10px 0 5px 0;
color:#243674;
}
.globe_con,.res_con,.pbottle_con,.carafe_con,.inpage1_com,.inpage_bt{
width:450px;
float:left;
margin:10px 0 5px 0;
color:#243674;
line-height:20px;
}
.globe_con p,.res_con p,.pbottle_con p,.carafe_con p,.inpage1_com p{
margin:0 0 10px 0;
text-indent: 2em;
}
.globe_con .p1,.res_con .p1,.pbottle_con .p1,.carafe_con .p1,.inpage1_com .p1{
margin:0 0 10px 0;
text-indent: 0em;
}
.globe_con .p2,.res_con .p2{
margin:0 0 10px 0;
text-indent: 0em;
text-align: center;
}
.globe_con ul,.res_con ul,.pbottle_con ul,.carafe_con ul{
text-align:center;
list-style-type:none;
margin:5px 0;
}
.globe_con li,.res_con li,.pbottle_con li,.carafe_con li{
width:142px;
display:inline;
margin:0 2px;
}
.res_con ol.list{
list-style-type: decimal!important;
margin:5px 0 5px 32px;
}
.res_con .list li,.carafe_con .list li{
width:auto!important;
display: block!important;
}
.carafe_con ul.list{
list-style-type: square!important;
margin:5px 0 5px 25px;
text-align:left!important;
}
.carafe_con .table td{
padding:0 3px;
}
.carafe_con h2{
margin:10px 0 5px 0;
}
.carafe_con .blog{width:448px; margin:0 0 10px 0; padding:0 0 1px 0;float:left; background-color:#B5CAE6 ;border:solid 1px #FFFFFF}
.blog .day{width:438px; float:left; background-color:#749BCF ;border-bottom: dashed 1px #FFFFFF; padding:0 5px; font-weight:bold}
.blog .day1{
	width:438px;
	float:left;
	background-color:#243674;
	border-bottom: dashed 1px #FFFFFF;
	padding:0 5px;
	font-weight:bold;
	color: #FFFFFF;
}
.blog .bolg_info{width:438px; height:110px ;float:left; padding:0 5px; margin:0 0 2px 0; border-bottom:solid 1px #FFFFFF}
.blog .bolg_info1{width:438px;float:left; padding:0 5px; margin:0 0 2px 0; border-bottom:solid 1px #FFFFFF}
.blog .bolg_info2{
	width:438px;
	float:left;
	padding:0 5px;
	margin:0 0 2px 0;
	border-bottom:solid 1px #FFFFFF;
}
.blog .text{width:438px;height:80px ;float:left; overflow:hidden;}
.blog .text1{width:438px;float:left;}
.blog .more{width:438px;float:left; text-align:right}
.more a:link,.more a:visited{ color:#243674;}
.more a:hover,.more a:active{ color:#666666}
.blog .blog_time{
	width:436px;
	float:left;
	margin:0 1px;
	padding:0 5px;
	text-align:right;
	background-color: #A2BCDF;
}
.blog .blog_time1{width:436px;float:left; margin:0 1px;padding:0 5px; background-color:#A2BCDF; text-align:right}
.blog_time a:link,.blog_time a:visited{ color:#243674;}
.blog_time a:hover,.blog_time a:active{ color:#666666}
.blog .text2{ width:98%}
.blog textarea.text2{ width:98%; height:100px}

/*--活動辦法,激勵獎項,活動報名--*/
.inpage1_com{
margin-top:5px;
}
.inpage1_com ol,.inpage1_com ul.list{
list-style-type:none;
}
.inpage1_com ul.list{
margin:0 0 10px 0;
color:#243674;
}
.inpage1_com ul.list li{
padding:0 0 0 25px;
}
.inpage1_com ol.slist{
list-style-type: decimal;
margin:0 0 10px 70px;
*margin:0 0 10px 50px;
_margin:0 0 10px 50px;
padding:0px!important;
}
.inpage1_com ol.slist li,.inpage1_com ol.slist2 li{
padding:0px!important;
margin:0px!important;
}
.inpage1_com ol.slist2{
list-style-type: decimal;
margin:0 0 10px 45px;
*margin:0 0 10px 45px;
_margin:0 0 10px 45px;
padding:0px!important;
}
.inpage_bt{
text-align:center;
}
.inpage_bt1{
text-align:center;
padding:5px 0 0 0;
}
.inpage_bt ul{
list-style-type:none;
}
.inpage_bt li{
display: inline;
margin:0 3px ;
}
.inpage_bt a:link,.inpage_bt a:visited{
color:#243674;
}
.inpage_bt a:hover,.inpage_bt a:active{
color:#fff;
}
.inpage_bt input,.inpage_bt1 input{
width:70px;
margin:0 2px;
}
.inpage1_com input.year{
width:25px
}
.inpage1_com input.day{
width:15px
}
.inpage1_com input.text,.inpage1_com textarea.text,.inpage4_com3 .text{
width:98%
}
.inpage1_com input.file{
width:100%;
height:20px;
line-height:18px;
}

/*--影片投票趣--*/
.inpage4_com{
width:450px;
float:left;
color:#243674;
line-height:20px;
}
.inpage4_com1{
width:450px;
float:left;
margin:0 0 25px 0;
color:#243674;
line-height:20px;
}
.inpage4_com2{
width:430px;
float:left;
margin:15px 10px 0 10px;
color:#243674;
line-height:20px;
}
.inpage4_com3{
width:430px;
float:left;
margin:0 10px 25px 10px;
color:#243674;
line-height:20px;
}
.inpage4_com1 .vido{
width:140px;
height:220px;
float:left;
margin:0 5px 30px 5px;
*margin:0 5px 30px 5px;
_margin:0 3px 30px 3px;
background: url(../images/vido_bg.jpg) no-repeat left top;
}
.inpage4_com .vido1{
width:450px;
height:330px;
float:left;
background: url(../images/vido_bg1.jpg) no-repeat left top;
}
.inpage4_com .tv{
width:320px;
height:288px;
margin:20px 0 0 65px;
*margin:20px 0 0 65px;
_margin:20px 0 0 32px;
float:left;
overflow:hidden;
}
.inpage4_com1 .vido_ph{
width:120px; 
height:90px; 
overflow:hidden;
float:left; 
margin:22px 9px 29px 10px;
*margin:22px 9px 29px 10px;
_margin:22px 9px 29px 5px;
}
.inpage4_com1 .vido_info{
width:140px;
float:left; 
}
.vido_info a:link,.vido_info a:visited{color:#243674;}
.vido_info a:hover,.vido_info a:active{color:#fff;}
.table td{
padding:0 0 0 3px;
}
.inpage4_bg{
width:450px;
float:left;
background: url(../images/vido_bg2.jpg) no-repeat left top;
margin:0 0 20px 0;
}
.inpage4_bg .table{
width:100%;
*width:100%;
_width:96%;
}

/*inpage5 star*/
.inpage5_con,.inpage6_com,.inpage7_com,.inpage8_com{
width:450px;
float:left;
margin:0 0 5px 0;
color:#243674;
line-height:20px;
}