@charset "utf-8";
body {font-family: Arial,"新細明體";color:#4a4a4a; margin:0; font-size:12px; line-height:18px;}
a{color:#249aed;text-decoration: none;}
a:hover{text-decoration:underline;}
a:visited{color:#249aed}

li{line-height:18px;}
img {border:0px;}
ul,li{padding:0; margin:0;}
h1{padding:0;margin:0;font-size:12px; line-height:20px; }


/*中段*/
#content{ width:970px; margin:0 auto; }
/*中段_左欄*/
#content_l{ width:186px; float:left; padding:3px 0px;}
#navigation{ 
background-image:url(../imgs/navigation_bg.gif); 
background-repeat: no-repeat; 
width:186px; 
height:327px;
font-size:15px; 
color:#249AED;
line-height:26px;
margin:3px 0px;
}
#navigation a{ font-size:15px; color:#249AED; text-decoration:none;}
#navigation a:hover{ font-size:15px; color:#249AED; text-decoration:underline;}
#navigation .tab{width:170px;float:right; padding:11px 0px 4px 0px;}
#navigation .tab .left{ width:50%; float:left; text-align:center; margin:0; padding:0;}
#navigation .tab .right{ width:50%; float:left; text-align:center; margin:0; padding:0;}
#rate{ margin:3px 0px; margin-left:12px;}
#faq{ width:174px; margin:6px 0px; margin-left:12px; background-color:#E6F8FF;}
#faq input{border:1px solid #E5E5E5;font-size:12px;color: #999; width:120px; float:left; margin-top:2px; padding:2px;margin-left:10px;*margin-left:-2px!important;*margin-left:-5px }
#faq ul{font-size:12px;color:#00AFF0;margin-top:5px;margin-left:25px;}
#faq li{list-style-image:url(../imgs/id_faq_li.gif);margin-left:6px;*margin-left:2px!important;*margin-left:0px }
#forum{background-image:url(../imgs/id_ch_l_bg.gif); margin:3px 0px; width:174px;margin:6px 0px; margin-left:12px;}
#forum ul{font-size:12px;color:#00AFF0; list-style-type:none;padding-left:12px; padding-top:0px; padding-bottom:0px;}
#forum ul ul{padding:5px 12px 0px 14px;}
#pro{width:174px; margin-left:12px; margin-bottom:0; vertical-align:bottom;}
/*中段_中間欄*/
#content_m{ width:555px; float:left; padding:3px 8px;}
#sp{background-image:url(../imgs/id_sp_bg.gif); margin:3px 0px;}
#spt{color:#F90; font-weight:bold; text-align:left; padding:0 15px;}
#flash{text-align:center; margin:3px 0px;}
#midcolum{margin:0; padding:0;} 
.mid2columna{ width:274px; background-image:url(../imgs/id_mid2column_bg.gif); background-repeat:repeat-y; height:154px; margin:3px 0 0 0; padding-bottom:3px; *padding-bottom:13px!important; *padding-bottom:0px;float:left;}
.mid2columna img{margin:0; padding:0;}
.mid2columnb{ width:274px; background-image:url(../imgs/id_mid2column_bg.gif); background-repeat:repeat-y; height:154px; margin:3px 0 0 0; padding-bottom:3px; *padding-bottom:13px!important; *padding-bottom:0px; float:right;}
.mid2columnb img{margin:0; padding:0;}

.mid2columna .info{width:261px; padding:8px 8px 8px 8px; height:70px;}
.mid2columna .info h1{padding-bottom:6px;}
.mid2columna .info img{ float:left; padding-right: 12px;}
.mid2columna .txt{padding:0px 0px 0px 6px; width:270px; text-align:left; margin:0;}

.mid2columnb .info{width:261px; padding:8px 8px 8px 8px; height:70px;}
.mid2columnb .info h1{padding-bottom:6px;}
.mid2columnb .info img{ float:left; padding-right: 12px;}
.mid2columnb .txt{padding:0px 0px 0px 6px; width:270px; text-align:left; margin:0;}


#shop{text-align:center; padding-top:1px;}
#shoptop{height:30px; background-image:url(../imgs/id_shop.gif); background-repeat:no-repeat; text-align:right; padding:0px 8px 0 0; overflow:hidden; }
#shoptop a{line-height:30px; color:#00AFF0; text-decoration:none;  padding:0px 8px 0 0;}

#extra{text-align:center; }
#extratop{ height:30px; background-image:url(../imgs/id_extra.gif); background-repeat:no-repeat; text-align:right; padding:0px 8px 0 0; overflow:hidden;}
#extratop a{line-height:30px; color:#F09; text-decoration:none;}

.item{border-right: #DCDCDC 1px solid; OVERFLOW: hidden; border-left: #DCDCDC 1px solid; ZOOM:1; position: relative;margin:0; padding: 0 5px;}
.item .LeftBotton{BACKGROUND: url(../imgs/id_shop_ar2.gif) no-repeat 0 0; LEFT: 5px; FLOAT: left; WIDTH: 13px; CURSOR: pointer;  HEIGHT: 165px; top:5px;}
.item .RightBotton{RIGHT: 8px; BACKGROUND: url(../imgs/id_shop_ar2.gif) no-repeat -13px 0; FLOAT: right; WIDTH: 13px; CURSOR: pointer; POSITION: absolute; HEIGHT: 165px; top:5px;}
.item .Cont{left:22px; overflow: hidden; POSITION: absolute;}
.item .box{float: left; WIDTH: 256px; text-align: center}
.item .box img{display: block;margin: 0px auto;filter:alpha(opacity=80);opacity:0.8;}
.item .box A:hover img{filter:alpha(opacity=100);opacity:1;}

/*中段_中間欄_商城與加值服務頁簽*/
#ticker{ float:right; width:270px;  height:29px;  text-align:right; padding:0; margin:0px 4px 0px 0px;}
#ticker a{ color:#249AED; text-decoration:none; font-size:12px; line-height:29px;}
#ticker a:hover{ color:#00AFF0; text-decoration:none; font-size:12px; line-height:29px;}

#tabs{width:555px; float:left; margin:12px 0px 0px 0px; *margin-top:6px!important; margin-bottom:0; padding-bottom:0; } 
#tabs img{  margin:0; padding:0; border:0;}
#tabs-1{ width:555px;  margin:0; padding:0;}
#tabs-1 .img{  margin:0; padding:0; border:0; padding-bottom:-20px;}

#tabs-2{ width:555px;  margin:0; padding:0;}
#tabs-2 .img{  margin:0; padding:0; border:0; }

#tabs ul { list-style: none;  margin:0; padding:0; width:200px; }
#tabs li { list-style: none;  margin:0; padding:0;}
#tabs li.listshop { float: left;margin:0;  padding: 0; width:194px; height:29px; }
#tabs li.listshop a {  float: left; }
#tabs li.listextra { float: left;margin:0;  padding: 0; width:147px; height:29px; }
#tabs li.listextra a {  float: left; }

#tabs ul li #tabs selected {  border-bottom-width: 0;}
#tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: default; }
#tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer;} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#tabs .ui-tabs-panel { padding: 0; display: block; border-width: 0; background: none;  }
#tabs .ui-tabs-hide { display: none !important; }

.ui-state-default, .ui-widget-content .ui-state-default { filter:Gray ;opacity:0.8;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { filter:Gray ;opacity:0.8;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { filter:Gray ;opacity:0.8;}
.ui-state-hover a, .ui-state-hover a:hover { filter:Gray ;opacity:0.8;}
.ui-state-active, .ui-widget-content .ui-state-active { filter:alpha(opacity=100);opacity:1;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { filter:alpha(opacity=100);opacity:1;}

/*中段_右欄*/
#content_r{ width:203px; float:left; padding:3px 0px;}
#annc{background-image:url(../imgs/id_ch_r_bg.gif); margin:3px 0px; padding:0; width:203px;}
#annc ul{ width:78%; margin-left:5px; padding-left:35px; *padding-left:28px!important; *padding-left:30px; word-wrap: break-word; word-break: normal; }
#annc .lian{ list-style-image:url(../imgs/id_an_an.gif);}
#annc .lihot{ list-style-image:url(../imgs/id_an_hot.gif);}
#annc .linew{ list-style-image:url(../imgs/id_an_new.gif);}
.ad{padding:3px 0px; }
#angel{ background-image:url(../imgs/id_ch_r_bg.gif); margin:6px 0px; width:203px; }
#angel .pic{ width:68px; float:left; padding:3px 7px 3px 10px;}
#angel .txt{ padding:3px 15px 3px 0px;}
#angel .txt img{ padding:3px 0px;}
#funtown{ margin:6px 0px; width:203px; }
#life{background-image:url(../imgs/id_ch_r_bg.gif); margin:3px 0px; width:203px; text-align:center;}
#life p{ text-align:left; line-height:20px; margin:0px 0px 0px 10px; padding:0;}
#life p img{ margin-right:4px;}
#life ul{ text-align:left; padding:0px 10px 0px 30px;}
.linum1{list-style-image:url(../imgs/id_li1.gif)}
.linum2{list-style-image:url(../imgs/id_li2.gif)}
.linum3{list-style-image:url(../imgs/id_li3.gif)}
#example{background-image:url(../imgs/id_ch_r_bg.gif); margin:3px 0px; width:203px; text-align:center;}
#example .text{ text-align:left; margin:0px 10px;}
#example .headline{ font-weight:bold; display:block; color:#F90;}
.hr{background:url(../imgs/id_hr.gif) no-repeat center top; width:100%; height:10px; margin:0; display:block;}
/*font*/
.txt12{font-size:12px;}
.txt13{font-size:13px;}
.txt14{font-size:14px;}
/*color*/
.gray{color:#999}