@charset "utf-8";


body{
background-image:url('images/bg.gif');
background-repeat:repeat-x;
background-position: top left;
background-color:#1D363D;
}
HTML, BODY, OL, UL {
   margin: 0px;
   padding: 0px;
}
/* H1 */
H1 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
H1 A:link {
	COLOR: #FFF; TEXT-DECORATION: underline;
}
H1 A:hover {
	COLOR: #F00; TEXT-DECORATION: underline;
}
/* H2 */
H2 {
	font-size: 12px;
	font-weight: bold;
	color: #555;
	text-decoration: none;
	margin: 1px;
}
H2 A:link {
	COLOR: #555; TEXT-DECORATION: none;
}
H2 A:visited {
	COLOR: #555; TEXT-DECORATION: none;
}
H2 A:hover {
	COLOR: #F00; TEXT-DECORATION: underline;
}
/* H3 */
H3 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin: 1px;
}
H3 A:link {
	COLOR: #000; TEXT-DECORATION: none;
}
H3 A:hover {
	COLOR: #F00; TEXT-DECORATION: none;
}
TABEL {
	BORDER-COLLAPSE: collapse;
}
TD {
	FONT-SIZE: 12px; 
	COLOR: #333; 
}
INPUT {
	FONT-SIZE: 12px; 
	COLOR: #886; 
	FONT-WEIGHT: bold;
	BORDER: #680 1px solid; 
	BACKGROUND: url(images/inputbg.jpg) repeat-x left top; 
}
.clearitem {
	border: 0px;
	background: none;
}



#container {
    position: relative;
	margin: 0px auto;
    width:880px;
}
#container1 {      
    position: relative;      
    left: 50%;      
    margin-left: -440px;      
    width: 880px;  
}  


.leftmenu{
	background-image:url('images/weater_index_ye_07.png');
	background-repeat:no-repeat;
	background-position:top;
	width: 193px;
}
.mbottom{margin-left:1px;}/*左邊選單底部*/
.lmenu{
	margin-left:10px;
	float:left;
	margin-bottom: 30px;
}
.lbg{
	background-image:url('images/weater_index_ye_21.png');
	background-repeat:repeat-y;
}
.menu_tx{
	padding-top: 70px;
	padding-left: 15px;
	padding-right: 10px;
}
.menu_all{
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: bold;
	text-indent: 10px;
	color: #333;
	text-decoration: none;
	line-height: 1.5em;
	background-image: url(images/mmpic.png);
	background-repeat: no-repeat;
	background-position: left;
	border-bottom-style: solid;
	border-bottom-color: #41778C;
	border-bottom-width: 1px;
}
.menu_all A:link {
	COLOR: #333; TEXT-DECORATION: none
}
.menu_all A:visited {
	COLOR: #333; TEXT-DECORATION: none
}
.menu_all A:active {
	COLOR: #F00; TEXT-DECORATION: none
}
.menu_all A:hover {
	COLOR: #F00; TEXT-DECORATION: none
}

.menu_all_sub{
	margin-bottom: 5px;
	margin-left: 10px;
	font-size: 13px;
	font-weight: bold;
	text-indent: 10px;
	color: #000;
	text-decoration: none;
	line-height: 1.5em;
}
.menu_all_sub A:link {
	COLOR: #000; TEXT-DECORATION: none
}
.menu_all_sub A:visited {
	COLOR: #000; TEXT-DECORATION: none
}
.menu_all_sub A:active {
	COLOR: #F00; TEXT-DECORATION: none
}
.menu_all_sub A:hover {
	COLOR: #F00; TEXT-DECORATION: none
}


/* errMsg */
.errMsg {
	font-size: 12px;
	font-weight: bold;
	color: #F00;
}
/* note */
.note {
	font-size: 12px;
	font-weight: normal;
	color:#08C;
}


/* white */
.white10 {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #FFF;
}
.white10b {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #FFF;
}
.white12 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #FFF; line-height: 18px;
}
.white12b {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #FFF; line-height: 18px;
}
/* black */
.black10 {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000;
}
.black10b {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000;
}
.black12 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000; line-height: 18px;
}
.black12b {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000; line-height: 18px;
}
/* red */
.red10 {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #F00;
}
.red10b {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #F00;
}
.red12 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px;	COLOR: #F00; line-height: 18px;
}
.red12b {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #F00; line-height: 18px;
}
.red14 {
	FONT-WEIGHT: normal; FONT-SIZE: 14px;	COLOR: #F00; line-height: 18px;
}
.red14b {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #F00; line-height: 18px;
}
/* blue */
.blue10 {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #06B;
}
.blue10b {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #06B;
}
.blue12 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #06B; line-height: 18px;
}
.blue12b {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #06B; line-height: 18px;
}
/* gray */
.gray10 {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #555;
}
.gray10b {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #555;
}
.gray12 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #555; line-height: 18px;
}
.gray12b {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #555; line-height: 18px;
}


.news{
width:358px;
margin-left:48px;
float:left;
}
.news_bg{
background-image:url('images/weater_index_ye_09.png');
background-repeat:repeat-y;
height:140px;
}
.news_bgbox{
	font-size: 13px;
	color: #000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #048BEE;
	margin-right: 5px;
	margin-left: 5px;
	background-image: url(images/nti.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 10px;
	padding-top: 3px;
}
.news_bgbox A:link {
	COLOR: #1A5784; TEXT-DECORATION: none
}
.news_bgbox A:visited {
	COLOR: #1A5784; TEXT-DECORATION: none
}
.news_bgbox A:active {
	COLOR: #D18B2A; TEXT-DECORATION: none
}
.news_bgbox A:hover {
	COLOR: #D18B2A; TEXT-DECORATION: none
}

#product{
width:356px;
float:left;
margin-left:48px;

}
#product_bg{
background-image:url('images/weater_index_yes_23.png');
background-repeat:repeat-y;

}
#product_pic{
	background-image:url('images/weater_index_yes_25.png');
	background-repeat:no-repeat;
	background-position:bottom;
	height: 160px;
}
.product_on{
	font-size: 12px;
	color: #225763;
	float: left;
	height: 135px;
	padding-left: 18px;
	text-align: center;
	padding-top: 20px;
	line-height: 30px;
}

.ad{
background-image:url('images/weater_index_yes01_09.png');
background-repeat:repeat-y;
width:255px;
float:right;
}
.ad2{
background-image:url('images/weater_index_yes01_09.png');
background-repeat:repeat-y;
width:193px;
}
.ad_benner{ margin-left:35px; }

.ad_bl p{
	color:#888;
	font-size:medium;
	margin-top:5px;
	
}
.ad_no {
	color: #555;
	font-size: 12px;
	margin-top: 5px;
	
}

.ad_bl_bg{
background-image:url('images/weater_index_yes01_22.png');
background-repeat:repeat-y;
width:160px;
}
.ad_BBBBB{
background-image:url('images/weater_index_yes01_28.png');
background-repeat:no-repeat;
width:160px;
height:5px;
}


#copy{
	height: 50px;
	clear:both;
	color:#ffffff;
	font-size:12px;
	border-top:solid 1px #FFFFFF;
	padding:7px;
	margin-left:15px;
	letter-spacing: 2px;
	text-align: center;
}
.copy img{margin-right:8px; float:left; margin-left:27px;}
.txw11{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}
.healthbox{
	background-image: url(images/weater_page_10.png);
	background-repeat: repeat-y;
	background-position: left;
}
.centerbox_b{
	margin-left: 250px;
	margin-bottom: 12px;
}
.centerbox{
	margin-bottom: 30px;
}
.healthbox_down{
	background-image: url(images/weater_page_09.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 0px;
}
.healthbox_txbox{
	height: 100%;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 100px;
	padding-left: 30px;
}
.tx12_guide {
	font-size: 12px;
	font-weight: normal;
	color: #1D323A;
	text-decoration: none;
	text-align: right;
	padding-bottom: 15px;

}
.tx12_guide A:link {
	COLOR: #1D323A; TEXT-DECORATION: underline
}
.tx12_guide A:visited {
	COLOR: #1D323A; TEXT-DECORATION: underline
}
.tx12_guide A:active {
	COLOR: #FC6941; TEXT-DECORATION: underline
}
.tx12_guide A:hover {
	COLOR: #FC6941; TEXT-DECORATION: underline
}

.tx20 {
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	text-transform: capitalize;
	color: #2992AA;
	text-align: left;
	word-spacing: normal;
}
.tx17 {
	font-size: 17px;
	font-weight: bold;
	text-transform: capitalize;
	text-decoration: none;
	color: #FF6600;
}
.tx17 A:link {
	COLOR: #FF6600; TEXT-DECORATION: none
}
.tx17 A:visited {
	COLOR: #FF6600; TEXT-DECORATION: none
}
.tx17 A:active {
	COLOR: #FC6941; TEXT-DECORATION: underline
}
.tx17 A:hover {
	COLOR: #FC6941; TEXT-DECORATION: underline
}

.tx15 {
	font-size: 15px;
	color: #22383E;
	text-indent: 15px;
	text-align: left;
	line-height: normal;
}

#menutop{
	padding-left: 1px;
}
#ad_page {
	margin: 10px;
}
#ad_ti {
	padding-top: 10px;
	padding-bottom: 5px;
}