@charset "UTF-8";

/* ### UNIVERSAL ### */
body { padding:0;	margin:0;font-size:12px;color:#333333;font-family: Arial, Helvetica, sans-serif;}
* { margin:0; padding:0;} 
a img, a img:hover {border:none}
ul, ol, li {margin:0; padding:0; list-style:none;}
a {color:#333333;text-decoration:none;}
a:hover {text-decoration:underline;}

/* ### CONTAINER ### */
#container {margin:0 auto; padding:0; width:950px;}

/* ### HEADER ### */
#sma_header { clear:both; background-image:url(/smart/images/headerBG.jpg); background-repeat:no-repeat; height:45px;}
#sma_header .logo { width:165px; height:45px; float:left;}
#sma_header .chName { width:720px; float:right;}
#sma_header .chName img{ float:left;}
#sma_header .chName .links { text-align:right; float:right; padding:13px 10px 0 0; color:#ffffff;}
#sma_header .chName .links a { color:#ffffff; margin:0 3px;}

/* ### MENU ### */
#sma_menu {clear:both; margin-top:10px; width:950px; height:43px; background:url(/smart/images/navi_bg.jpg) bottom repeat-x;}
#sma_menu ul { padding-top:5px;}
#sma_menu li { float:left;}
#sma_menu img { margin:0; vertical-align:top;}
#sma_menu .smaBtn { width:100px; float:right;}

.subMenu { clear:both; height:20px; background:#ffae00; color:#fff; padding-top:3px; /*_margin-top:-1px;*/}
.subMenu a { color:#fff; margin:0 15px;}
.subMenu a:hover{ color:#333; text-decoration:none;}
.subMenu b {/*margin:0 15px;*/}


/* ### TOOLS ### */
#sma_tools {height:22px; margin:10px 0 7px 0;width:950px;}
#sma_tools .login {	color: #333333;	float:right;margin-right:15px;line-height:22px;text-align:right;}
#sma_tools .login .ACT { width:40px; float:right;}
#sma_tools .login .ACT2 { width:70px; float:right;}
#sma_tools .login .ACT3 { width:105px; float:right;}
#sma_tools .login .ACT3 a { margin:0 5px;}
#sma_tools .login .hello {text-align: right;margin-right: 5px;}
#sma_tools .ser { color: #333333; float:right; line-height:22px; width:200px; padding-right:10px;}
#sma_tools .ser input { width:150px; height:13px; font-size:12px; line-height:19px; color:#999999; float:left; margin-right:3px;}


/* ### NAV ### */
#sma_nav { text-align:right; padding-right:10px; clear:both;}
#sma_nav a { margin:0 4px;}

/* ### CONTENT ### */
#sma_content { clear:both; float:left; width:950px; margin:10px 0 0 0;}

/* ### MAIN ### */
#main_index { float:left; width:630px;}
#main { float:left; width:640px;}
#sideBox { width:300px; float:right;}
#pageMain {float:right; width:775px;}
#pageSideBox { float:left; width:155px;}
#pageMain .Area { padding-left:15px;}

/*### FOOTER ###*/
#footer { float:left; clear: both; width: 950px; color: #999999; margin-top:20px;}
#footer a{color: #999999;}
#footer img{ border:none;}
#footer .footerL1 { /*height:48px;*/ clear:both;}
#footer .footerL1 .Flogos { width:212px; float:left; clear:left; margin:0px 30px 0px 50px;_margin:0px 30px 0px 30px;}
#footer .footerL1 .Flinks { height:48px; padding-top:10px;}
#footer .footerL2 { height:96px; clear:both; background-image:url(/smart/images/footerBg.jpg); background-repeat:repeat-x;}
#footer .footerL2 .Flogos2 { width:64px; float:left; clear:left; margin:0px 30px 0px 220px;_margin:0px 30px 0px 92px;}
#footer .footerL2 .txt { padding-top:20px;}

/* ### ACT BUTTON ###*/
.actbtn {background:url(/smart/images/btn_right.gif) right top no-repeat; display:block; float:left; line-height:19px; height:19px; color:#333333; padding:0 5px 0 0;}
.actbtn em{ background:url(/smart/images/btn_left.gif) left top no-repeat; width:5px; height:19px; float:left;}


/*### subMenu ###*/
#subMenu { margin-bottom:10px;}



/*#### AD ####*/
.AD300 { width:300px; margin-bottom:10px; clear:both;}
.AD950 { width:950px; margin:10px 0; clear:both;}
.top630 { width:630px; height:200px; clear:both; margin-bottom:10px;}


/*### GOPAGE ###*/
.PageGo { color:#666666; margin:10px 0 10px 350px;}
.PageNum{ color:#666666; margin:10px 0 0 150px;  }
.PageNum a,.PageGo a{ color:#666666;}
.goBtn{ 
    background:url(/smart/images/btn_goR.gif) right top no-repeat;
    display:block; float:left;
    line-height:21px; height:21px;
    color:#666666; padding:0 5px 0 0;
}
.goBtn em{ background:url(/smart/images/btn_goL.gif) left top no-repeat; width:5px; height:21px; float:left;}
.PageNum .num {width:250px; float:left; margin:0; text-align:center;}
.PageNum .num .on { font-weight:bold; color:#FF0000; margin:0 5px;}
.PageNum .num a { margin:0 5px; text-decoration:underline;}
.PageNum .num a:hover { color:#FF0000;}
.PageNum .num .all { margin:0 10px;}
.PageNum .jump { float:left; margin:0 10px;}
.PageNum .jump input { width:30px; height:14px;}
.goTop { float:right; background:url(/smart/images/arr_goTop.gif) 0 3px no-repeat; padding-left:10px; width:30px; font-size:11px; color:#999999; margin:5px 0;}
.goTop a {color:#999999;}


/*### FreeBox ###*/
.freebox {}
.freebox .top { background:url(/smart/images/freeBoxTbg.gif) right no-repeat; height:32px; clear:both; }/*標籤頭*/
.freebox .topW { background:url(/smart/images/freeBoxTbg_w.gif) right no-repeat; height:5px; clear:both; }/*白頭*/
.freebox .mid { background:url(/smart/images/freeBoxMbg.jpg) bottom repeat-x; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; padding:10px;}
.freebox .mid_fet { background:url(/smart/images/freeBoxMbg.jpg) bottom repeat-x; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; padding:0px 10px 10px 10px;}
.freebox .foot { background:url(/smart/images/freeBoxBbg.gif) right repeat-x; height:10px; clear:both;}
*html .freebox .fixbug { margin-left:1px !important; margin-right:1px !important;}

.freeboxW {}
.freeboxW .top { background:url(/smart/images/freeBoxTbg_w.gif) right no-repeat; height:5px; clear:both; }
.freeboxW .mid { background:#fff; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; padding:10px;}
.freeboxW .foot { background:url(/smart/images/freeBoxBbg-w.gif) right repeat-x; height:10px; clear:both;}

.boxTags { }
.boxTags li { margin-right:15px;float:left;height:32px; display:block; font-size:13px; font-weight:bold;  color:#666; display:block; overflow:hidden; vertical-align: text-bottom;}
.boxTags li a {color:#666;margin-top:12px; display:inline-block;}
.boxTags li a:hover { text-decoration:none; color:#ff6600;}
.boxTags .on { background:url(/smart/images/boxTagR.gif) right no-repeat;  padding:0 10px 0 0; height:32px; display:block; }
.boxTags img { margin-top:12px;}
.boxTags .group{color:#666;margin-top:10px; display:inline-block; font-weight:bold;}
.titPic {}
.titPic img { margin:10px 0 0 5px; }
.boxTagL { background:url(/smart/images/boxTagL.gif) no-repeat; width:5px; height:32px; display:block; float:left; margin-right:5px;}
.boxTags li .txt { margin-top:12px; display:inline-block;}
.freebox .more {  width:35px; display:block; height:7px; float:right; margin:14px 5px 0 0;}
.freebox .more a { background:url(/smart/images/btn_more.gif) no-repeat; height:7px; display:block;}
.freebox .more a:hover{background:url(/smart/images/btn_more.gif) 0 -7px no-repeat; }

.noteBox { width:100%;}
.noteBox .top{background:url(/smart/images/noteBoxTR.gif) right no-repeat; height:5px; clear:both; }
.noteBox .mid{ background:#f2f2f4;border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; padding:10px;}
.noteBox .foot{ background:url(/smart/images/noteBoxBR.gif) right repeat-x; height:5px; clear:both;}

.freeboxR {}
.freeboxR .top { background:url(/smart/images/redBoxTbg.gif) right no-repeat; height:10px; clear:both; }
.freeboxR .mid { background:#fff; border-left:1px solid #ef3123; border-right:1px solid #ef3123; padding:0 10px; clear:both;}
.freeboxR .foot { background:url(/smart/images/redBoxBbg.gif) right repeat-x; height:10px; clear:both;}
.freeboxR ol ,.freeboxR ul { padding-left:25px;}
.freeboxR ol li { list-style:decimal;}
.freeboxR h1 { font-size:15px; font-weight:bold; color:#cc0000; }

/*indexBox*/
.W310 { width:310px; float:left; margin-top:10px;}

/*margin*/
.f_mr10{ margin-right:10px; _margin-right:6px;}
.mr10 { margin-right:10px;}
.ml10 { margin-left:10px;}
.mb10 { margin-bottom:10px;}
.mt10 { margin-top:10px;}
.mr5 { margin-right:5px;}
.ml5 { margin-left:5px;}
.mb5 { margin-bottom:5px;}
.mt5 { margin-top:5px;}
.mr15 { margin-right:15px;}
.ml15 { margin-left:15px;}
.mb15 { margin-bottom:15px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mcenter { margin:0 auto;}


/*float*/
.fr { float:right;}
.fl { float:left;}
.clear { clear:both;}

/*文章搜尋*/
.serBar { clear:both; width:950px; margin-bottom:10px; float:left; border-bottom:1px solid #e2e2e2; line-height:19px; padding-bottom:9px;}
.sort ,.serTitle { clear:both; /*width:930px;*/ width:100%; margin-bottom:10px; float:left; background:url(/smart/images/line_dash.gif) bottom repeat-x; line-height:20px; padding-bottom:9px;}
.serBar input ,.sort input { width:150px; height:15px; font-size:12px; line-height:19px; color:#999999; margin:0 5px 0 0;}
.serBar select ,.sort select {font-size:12px; line-height:19px; color:#999999;height:19px; padding:0;margin:0 5px 0 0;}
.serTitle .hiline { color:#cc0000; font-weight:bold; margin:0 2px;}

/*page*/
.Pagetitle { clear:both; margin-bottom:10px; height:20px; float:left; width:950px;}
.Pagetitle img ,.Pagetitle630 img { float:left;}
.Pagetitle .txt ,.Pagetitle630 .txt {float:left; display:block; font-size:15px; font-weight:bold;}

/*為了anchor可以換行,把高度拿掉*/
/*.Pagetitle630 { clear:both; margin-bottom:10px; height:22px; float:left; width:640px;}*/
.Pagetitle630 { clear:both; margin-bottom:10px; float:left; width:640px;}
/*JUMP*/

.alert_page {font-size:12px;color:#999;height:35px;margin:10px auto 0 auto; padding:0 5px;}
.page_total{ width:45px; text-align:center;}
.alert_page tr td {padding:0 5px; border:none !important;}
.alert_page a { color:#999;}
.alert_page b { color:#666;}


/*table*/
.even { background:#f1f1f1;}
.forumTable { border-bottom:1px solid #dfdfdf;}
.forumTable th { border-bottom:2px solid #dfdfdf; padding:7px;}
.forumTable td { padding:7px; border-left:1px solid #dfdfdf;text-align:center;}
.forumTable .finish{ padding:5px;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf; }
.forumTable .brbottom{ border-bottom:1px solid #dfdfdf; }
.forumTable .brtop{ border-top:1px solid #dfdfdf; }
.forumTable .Qlist { text-align:left; color:#ff9c00;}
.forumTable .Qlist a {color:#ff8a00;}
.forumTable .Qlist a:hover { color:#333; text-decoration:underline;}
.forumTable .date{	margin-right:7px;color:#888;}
.forumTable .name{ clear:both; display:block;color:#888;}
.forumTable .name img { vertical-align:top; margin-right:2px;}
.forumTable .time{ color:#888;}
.forumTable .fbN {color:#888;}
.forumTable .group {color:#888;}
.forumTable .Qlist .first{ color:#cc0000;}
.forumTable .Qlist .fbPage { padding-left:10px; background:url(/smart/images/arr_g2.gif) left 6px no-repeat;}
.forumTable .Qlist .fbPage a { margin:0 3px; color:#ff8a00;}
.forumTable .Qlist .fbPage a:hover {color:#333; text-decoration:underline;}

.forumTable .hisOpen { background:url(/smart/images/history_bgT.gif) top repeat-x; border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf; padding:0; text-align:left;}
.forumTable .hisOpen .hisDetail { background:url(/smart/images/history_bgB.gif) bottom repeat-x; margin-top:15px; padding:0 15px 15px 15px; clear:both;}

.bookTable { border-bottom:1px solid #dfdfdf;}
.bookTable td { padding:7px;}
.bookTable input ,.bookTable select { font-size:12px;  color:#999999; padding:0;margin:0 5px 0 0;}
.bookTable select { font-size:12px;  color:#999999;line-height:19px;height:19px; padding:0;margin:0 5px 0 0;}
.bookTable input.name ,.bookTable input.tel ,.bookTable input.type{ width:180px;}
.bookTable input.mail { width:250px;}



/*quick style*/
.hiline { color:#cc0000;}
.hiline a{ color:#cc0000;}
.redlink a{color:#cc0000;}
td.txtLeft { text-align:left;}
.hilineO{ color:#ff8a00;}
.hilineO a{ color:#ff8a00;}
.linkBlack a{ color:#333; text-decoration:underline;}
.linkBlack a:hover{ color:#ff8a00; text-decoration:underline;}
.dline { background:url(/smart/images/line_dash.gif) repeat-x; width:100%; height:3px; clear:both;}

/*討論區*/
.openList { width:15px; height:15px; background:url(/smart/images/open_off.gif) no-repeat; float:right;}
.openList_ov { width:15px; height:15px; background:url(/smart/images/open_ov.gif) no-repeat; float:right;}
.closeList { width:15px; height:15px; background:url(/smart/images/close_off.gif) no-repeat; float:right;}
.closeList_ov { width:15px; height:15px; background:url(/smart/images/close_ov.gif) no-repeat; float:right;}

.replyTitle { clear:both; width:930px; margin-bottom:10px; float:left; background:url(/smart/images/line_dash.gif) bottom repeat-x; line-height:20px; padding-bottom:9px; font-weight:bold; font-size:15px;}
.replyInfo { clear:both; text-align:right; margin-bottom:5px;}
.replyInfo .name { margin-right:15px; color:#ff6600;}
.replyInfo .date {margin-right:10px;color:#999;}
.replyInfo .time {color:#999;}
.replyTxt { clear:both; width:98%; padding:1%;}
.reBar { font-size:12px; font-weight:bold; background:url(/smart/images/rebar.gif) no-repeat; width:890px; height:25px; padding:0 10px 0 15px; line-height:25px; margin:0 0 10px 0;}
.numbox { color:#fff; background:url(/smart/images/numbox.gif) no-repeat; text-align:center; width:16px; float:right;}

.replyTable { border:none; }
.replyTable td { padding:7px;}
.replyTable th { padding:7px; text-align:right; width:70px; vertical-align:top;}
.replyTable select.group  { width:120px;font-size:12px; color:#666;}
.replyTable input.title {width:370px;font-size:12px; color:#666;}
.replyTable input.name {width:180px;font-size:12px; color:#666;}
.replyTable textarea.edit {width:800px; height:300px; font-size:12px; color:#666;}

.uploadPic { clear:both; margin-top:20px; padding:0 30px; width:868px;}
.uploadPic .title { font-weight:bold; padding-top:20px; background:url(/smart/images/line_dash.gif) repeat-x; margin-bottom:5px;}
.picInfo { background:url(/smart/images/line_dash.gif) bottom repeat-x; padding:5px 0 10px 0;/*margin-bottom:10px;*/  width:100%;}
.uploadPic .filename { color:#000; float:left;}
.uploadPic .filename img { margin-right:5px; vertical-align:top;}
.uploadPic .picurl { clear:both; /*margin-top:3px;*/ color:#666; padding-left:20px;}

.noteTxt { color:#666;font-size:11px !important; width:100%;}
.noteTxt ol { margin-left:20px; padding:10px;}
.noteTxt ol li {list-style-type: decimal;padding-left:0px; margin-bottom:3px;}
.noteTxt ol li ul {list-style:none; margin-top:3px;}
.noteTxt ol li ul li {list-style:none;background:url(/smart/images/arr.gif) 5px 3px no-repeat; padding-left:15px; color:#666; line-height:14px;}


.bookOk { width:98%; padding:0 1%;}
.bookOk .title { color:#cc0000; font-size:15px; font-weight:bold; clear:both;}
.bookOk ol { margin-left:20px; padding:10px;}
.bookOk ol li {list-style-type: decimal;padding-left:0px; margin-bottom:3px;}

/*ACT Button*/
.Mctnter { margin:0 auto; width:90px; clear:both; margin-top:15px;}
.btnArea { clear:both; height:20px;}
.Mctnter120 {margin:0 auto; width:120px; clear:both; margin-top:15px;}

/*精選手機*/
.w630{ width:640px;}
.wall { width:100%; clear:both;}
.wall .line{ background: url(/smart/images/dot_line.jpg) 0 0 repeat-x; margin:10px 10px; width:580px; height:5px; clear:both; float:left;}
.groupBar { height:22px; float:right; background:url(/smart/images/m_groupbg.gif) repeat-x;}
.groupBar li { display:inline-block; float:left; border-right:1px solid #ccc; height:22px; padding:0 5px; line-height:22px;}
.groupBar li.first{ background: url(/smart/images/m_groupL.gif) no-repeat; padding-left:10px;}
.groupBar li.last{ background: url(/smart/images/m_groupR.gif) right no-repeat; padding-right:10px; border:none;}
.groupBar a:hover { color:#ffae00; font-weight:100; text-decoration:none;}

/*for_safari_only*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #groupBar li {font-size:11px;}
}


.phoneBox { width:118px; float:left; margin-right:2px; text-align:center; overflow:hidden;}
.phoneBox .brand { font-size:11px; font-weight:bold; clear:both;width:118px;}
.phoneBox .typeN { font-size:11px; clear:both; width:118px;}

.gotop { clear:both; height:11px; margin:10px 0; width:100%;}
.gotop a{ background:url(/smart/images/gotopoff.gif) no-repeat; height:11px; width:35px; display:block; float:right;}
.gotop a:hover{ background:url(/smart/images/gotopov.gif) no-repeat;}

.phoneDetail { width:630px; clear:both; float:left; margin-bottom:10px; margin-bottom:!important 0; }
.phoneDetail .photo { width:252px; height:302px; float:left; background:url(/smart/images/phone_de_bg.jpg) repeat-x; border:1px solid #d5d5d5;}
.phoneDetail .phoneInfo { width:355px; float:right; margin-left:15px;}
.phoneDetail .brand { font-size:15px; font-weight:bold; color:#ff7800; line-height:18px; width:160px; float:left;}
.phoneDetail .icons { width:190px; float:right; text-align:right;}
.phoneDetail .icons img { margin-right:3px;}
.phoneDetail table { clear:both; margin-top:10px;}
.phoneDetail td ,.phoneDetail th{ padding:3px; text-align:left; vertical-align:top;}
.button { background:url(/smart/images/phone_line.jpg) repeat-x; clear:both; height:50px; padding-top:15px; padding-left:80px; margin-top:15px;}
.buttonOne { background:url(/smart/images/phone_line.jpg) repeat-x; clear:both; height:50px; padding-top:15px; padding-left:135px; margin-top:15px;}
.loginTable .line{ background: url(/smart/images/line_so.gif) bottom repeat-x; padding-bottom:20px;}
td.tdRight {text-align:right;}
/*手機介紹*/
.detail1 ,.detail4{ padding:10px;}
.detail1 p{ margin:0 0 20px 0; color:#666; line-height:19px; padding-left:15px;}
.detail4 p{ margin:5px 0 0 0; color:#666; line-height:19px; padding-left:15px;}
.detail1 ul{ margin:0 0 20px 15px; color:#666; line-height:19px;}
.detail1 li { padding-left:10px; background:url(/smart/images/tip.jpg) 0 9px no-repeat;}
.detail1 h1 { font-size:15px; color:#ffae00; font-weight:bold; margin-bottom:5px;}
.detail1 h2 { font-size:12px; font-weight:bold; margin-bottom:5px;color:#333; background:url(/smart/images/tip_p.gif) no-repeat; padding-left:15px;}
.detail1 h3 { font-size:12px; margin-bottom:5px;color:#333; padding-left:15px; font-weight:bold;}

.detail1 .groupBar ,.detail2 .groupBar{ height:22px; float:right; background:url(/smart/images/m_groupbg.gif) repeat-x;}
.detail1 .groupBar ul ,.detail1 .groupBar ul { margin:0;}
.detail1 .groupBar li ,.detail1 .groupBar li{ display:inline-block; float:left; border-right:1px solid #f1f1f1; height:22px; padding:0 5px; line-height:22px; background:none;}
.detail1 .groupBar li.first ,.detail1 .groupBar li.first{ background: url(/smart/images/m_groupL.gif) no-repeat; padding-left:10px;}
.detail1 .groupBar li.last ,.detail1 .groupBar li.last{ background: url(/smart/images/m_groupR.gif) right no-repeat; padding-right:10px; border:none;}
.detail1 .groupBar a:hover ,.detail1 .groupBar a:hover { color:#ffae00; font-weight:100; text-decoration:none;}

/*.detail1 .menu ul ,.detail2 .menu ul{ }
.detail1 .menu li ,.detail2 .menu li { display:block; float:right; height:15px; margin-left:10px; background:none; padding:0;}
.detail1 .menu li a ,.detail2 .menu li a { color:#ffae00; font-weight:bold; text-decoration:underline;}*/

/*手機規格*/
.detail2 {color:#666}
.detail2 td{ padding:7px;border-bottom:1px solid #f1f1f1;color:#666}
.detail2 th{padding:7px; text-align:left; border-bottom:1px solid #f1f1f1; color:#333; /*width:130px;*/}
.detail2 td.title{ text-align:center; font-weight:bold; background:#f1f1f1; border:none;color:#333;}
.detail2 h1{ font-size:15px; color:#ffae00; font-weight:bold;}
/*logoin*/
.login750 { width:750px; margin:10px auto;}
.loginTitle { clear:both; width:700px; margin:0 0 10px 10px; float:left; font-weight:bold; font-size:15px;}

.loginTable { border:none; line-height:19px; margin-left:140px; }
.loginTable td { padding:7px;}
.loginTable th { padding:7px 0 7px 7px; text-align:right; vertical-align:top; font-weight:100;}
.loginTable .line{ background: url(/smart/images/line_so.gif) bottom repeat-x; padding-bottom:20px;}
.loginTable input {font-size:12px;  color:#333; padding:0;margin:0 5px 0 0; width:200px;}

/*評測*/
.detail4 img { border:1px solid #f1f1f1; margin-top:15px; margin-bottom:0;}
.detail4 h1{ font-size:15px; color:#ffae00; font-weight:bold; margin-bottom:5px; margin-top:15px;}
.detail4 h2 { font-size:12px; font-weight:bold; margin-top:15px;color:#333; background:url(/smart/images/tip_p.gif) no-repeat; padding-left:15px;}

/*GOGOTOP*/
#content{
    width:950px;
    padding:0;
    margin:0 auto;
    font-size:1px;
    line-height:1px;
    text-align:left;
}
#menu{
    position:absolute;
    z-index:1;
    visibility: visible;
    padding:0;
    margin:0;
    width:11px;
    height:41px;
}

#gotop{
    position:absolute;
    height:41px;
    margin:0px 0 0 635px;
    #margin:0px 0 0 635px;
}

#gotop a#top ,#gotop a#top:hover {
    width:11px;
    height:41px;
    display: block;
}

#gotop a#top{
    background:url(/smart/images/top.png) left top no-repeat;
}
#gotop a#top:hover{
    background:url(/smart/images/top_ov.png) left top no-repeat;
}

/*promotion*/
.promoBox {background: url(/smart/images/line_so.gif) bottom repeat-x; clear:both; width:618px; float:left; margin-top:10px; padding-bottom:10px;}
.promoBox h1{ font-size:12px; font-weight:bold; margin:0 0 5px 0;}
.promoBox .txt{ }
.promoBox img{ float:left; margin:0 20px 0 0; border:0px solid #d9d9d9;}

/*faq*/
.faqbox { padding:15px; width:618px;}
.faqbox h1 { background:url(/smart/images/icon_qq.gif) no-repeat; height:23px; line-height:23px; padding-left:30px; font-size:12px; font-weight:100;}
.faqbox h2 {font-size:13px; font-weight:bold; margin-bottom:15px;}
.faqbox p{ padding:0 0 10px 30px; color:#666; }
.faqbox .ans {padding:0 0 10px 30px; color:#666;}
.faqbox .ans ul {padding:0 0 10px 0; color:#666;}
.faqbox .ans ul li { margin-bottom:5px;}
.faqbox .line{ background:url(/smart/images/dotline-faq.gif) repeat-x; height:3px; clear:both; width:100%; display:block; margin:5px 0;}
.faqbox .Qlist {background:url(/smart/images/icon_qq.gif) no-repeat; height:20px; line-height:20px; padding-left:30px; font-size:12px; font-weight:100;}
.faqbox .openList ,.faqbox .openList_ov ,.faqbox .closeList ,.faqbox .closeList_ov { margin-top:3px;}

/*rateplane*//*modify_20100330*/
.rateBox { width:240px; float:left;}
.rateBox .top { background:url(/smart/images/fetBox_topbg.gif) no-repeat; height:32px; clear:both; }
.rateBox .mid { background:url(/smart/images/fetBox_bg.gif) bottom no-repeat; padding:15px; float:left;}

.rateBox .more {  width:35px; display:block; height:7px; float:right; margin:14px 5px 0 0;}
.rateBox .more a { background:url(/smart/images/btn_more.gif) no-repeat; height:7px; display:block;}
.rateBox .more a:hover{background:url(/smart/images/btn_more.gif) 0 -7px no-repeat; }

.rateBox .mid h1 { color:#333; font-weight:bold; font-size:12px; line-height:18px; margin-bottom:5px;}
.rateBox .mid h2 { color:#666; font-size:12px; font-weight:bold; line-height:18px;margin-bottom:5px;}
.rateBox .mid img { margin-left:0px;}
.rateBox .mid ul li { background:url(/smart/images/arr_gray.gif) 5px 3px no-repeat; padding-left:15px; color:#666; line-height:14px; margin-bottom:5px;}
.rateBox .mid .info { height:185px; margin-top:15px;}

.rateDetail h1 { font-size:15px; color:#ffae00; font-weight:bold; margin-bottom:5px;}
.rateDetail h2 { background:url(/smart/images/phone_line.jpg) bottom repeat-x; padding-bottom:10px; margin-bottom:10px; font-size:12px; font-weight:bold; }
.rateDetail p { color:#666; line-height:20px;}
.rateDetail ul { margin-top:5px;}
.rateDetail ul li { background:url(/smart/images/arr_gray.gif) 5px 3px no-repeat; padding-left:15px; color:#666; line-height:14px; margin-bottom:5px;}
.rateDetail img { /*margin-right:15px;*/ float:left;}
.info_pic { width:520px; margin-left:15px; float:left;}/*有圖*//*修改寬度_from730pxto520px_20100308*/
.info_nopic { width:100%; }/*無圖*/
.ratenote { width:950px; margin:15px 0;}
.info_pic .phoneBox img{ float:none;}

/*新手上路*/
.guideMenu { background:url(/smart/images/guide_L-bg.gif) no-repeat; width:210px; float:left;}
.guideMain { width:740px; float:right;}
.guideMenu .menuHeader { background:url(/smart/images/guide_L-top.gif) bottom no-repeat; clear:both; width:100%; color:#ffae00; display:block;}
.guideMenu .menuHeader h1 { font-size:13px; font-weight:bold; margin:0 10px;}
.guideMenu .menuHeader p { padding:10px;}
.guideMenu ul { width:210px; clear:both;}
.guideMenu ul li {}
.guideMenu ul li.on { background:url(/smart/images/guide_m-on2.png) no-repeat;width:175px; padding:5px 10px 5px 25px; display:block; float:left;}
/*.guideMenu ul li.on b { font-weight:100; background:url(/smart/images/guide_tip.png) no-repeat; padding-left:20px; display:block;}*/
.guideMenu ul li a {background:url(/smart/images/guide_L-line.png) bottom no-repeat; width:175px; padding:5px 10px 5px 25px; display:inline; float:left;}
.guideMenu ul li a:hover {background:url(/smart/images/guide_m-on.png) bottom repeat-y; text-decoration:none;}
/*******soft*** 小馬**/

.pl10{ padding-left:10px;}
.pr10{ padding-right:10px;}
.pl15{ padding-left:15px;}
.pr15{ padding-right:15px;}
.pl20{ padding-left:20px;}
.pr20{ padding-right:20px;}
.pt5{ padding-top:5px;}
.pt15{ padding-top:15px;}
/************hot soft******/
#hot_soft table td{ color:#666; font-size:11px;}
#hot_soft li{ width:90px; float:left;}
#hot_soft li a { 
    color:#666;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-size:/*\**/10px\9;
    text-decoration:none;
}
/*ie6*/
*html #hot_soft li a{ font-family:Arial, Helvetica, sans-serif;font-size:10px!important;}
/*ie7*/
*+html #hot_soft li a{ font-size:10px!important;}

#hot_soft li a:hover{ 
    color:#666;
    font-size:11px;
    font-size:/*\**/10px\9;
    text-decoration:underline;
}
/*ie6*/
*html #hot_soft li a:hover{ font-family:Arial, Helvetica, sans-serif;font-size:10px!important;}
/*ie7*/
*+html #hot_soft li a:hover{ font-size:10px!important;}
.soft_pic_link img{ display:block; border:#b3b3b3 3px solid; display:block;}
.soft_pic_link a img{ display:block; border:#b3b3b3 3px solid; display:block;}
.soft_pic_link a:hover img{ border:#ff6600 3px solid; display:block;}
.dot_line{background:url(/smart/images/dot_line.jpg) repeat-x; height:2px; padding-bottom:10px;_padding-bottom:0px;}
.faq { 
    padding-top:5px;
    *padding-top:3px!important;
    _padding-top:6px;
    padding-left:5px;
    width:280px;
    clear:both;
}
/****faq******/
.faq li { line-height:21px; text-align:left;}
.faq li span{ width:67px!important;padding-right:5px; text-align:left; display:block; float:left;}
.faq li a { color:#555; text-decoration:none;}
.faq li a:hover{ color:#000000; text-decoration:underline;}

/**/
.phoneBox_1 { width:108px; margin-left:0px; text-align:center; overflow:hidden; /*border:#FF0000 1px solid;*/ cursor:pointer;}

.phoneBox_1 .brand { font-size:11px; font-weight:bold; clear:both;width:108px;}
.phoneBox_1 .typeN { font-size:11px; clear:both; width:108px;}
a:hover .phoneBox_1 .brand { text-decoration:underline;}
a:hover .phoneBox_1 .typeN { text-decoration:underline;}

.marquee_area {
    position:relative;
    width:580px;/*560*/
    *width:580px;
    height:280px;
    margin-left:20px;
    *margin-left:-30px;
    overflow:hidden;
    margin-top:-150px;
    float:left;
}
.marquee_area ul {
    position:absolute;
    list-style-type:none;
    margin:0;
    width:1000px;
    ZOOM: 1;
    overflow:hidden;
}
.marquee_area ul:after {
    display:block;
    height:0px;
    visibility:hidden;
    clear:both;
    CONTENT: ".";
}
.marquee_area li {
    margin-left:5px;
    float:left;
    width:110px!important;
    display:block;
    /*height:300px;*/
}
.phone-back {float:left; }
.phone-next {float:right;}
.tip_on{
    width:200px;
    height:147px;
    background:url(/smart/images/phone_tip_bg.gif) no-repeat;
    padding:10px 8px 10px 10px;
    font-size:12px;
    color:#333333;
    font-family:Arial, Helvetica, sans-serif;
    margin:2px 0 0 -40px;
    z-index:500;
}
.tip_on .phone_name { line-height:18px; padding:0 0 5px 5px;color:#000; text-align:center;}
.tip_on .phone_name b { padding-right:5px;}
.tip_on .phone_pic{ float:left;  width:85px; }
.tip_on .phone_support{ 
    margin:17px 0 0 5px;
    float:left;
    width:109px;
    font-size:11px;
    font-size:/*\**/10px\9;
    line-height:14px;

}
/*ie6*/
*html .tip_on .phone_support{ font-family:Arial, Helvetica, sans-serif;font-size:10px!important;}
/*ie7*/
*+html .tip_on .phone_support{ font-size:10px!important;}

.tip_off{ display:none; }



/* for RatePlan */

.plan_sub  {
    background:url("/smart/images/sm_tab.gif") no-repeat scroll left top transparent;
    float:left;
    padding-top:40px;
    width:200px;
}


.plan_sub li {
    background:url("/smart/images/garr.gif") no-repeat scroll 185px center transparent;
    border-bottom:1px solid #D6DEDF;
    line-height:14px;
    padding:7px 20px;
}

.plan_sub .now {
    background:url("/smart/images/yarr.gif") no-repeat scroll 185px center transparent !important;
    color:#FFAE00;
    font-weight:bold;
}

.plan_col {
    float:left;
    margin-left:10px;
    width:740px;
}


/* 與原 .info_pic 名稱重複 */
.info_pic_520 {
    float:left;
    margin-left:15px;
    width:520px;
}


/*for 遠傳獨賣*/
.mid h4 {
    background:url("/smart/images/shadow_line.gif") repeat-x scroll left top transparent;
    font-size:13px;
    font-weight:bold;
    margin:45px 0 0;
    padding:15px 0 10px 30px;
}



.brand_box {
    padding:0 30px; width:580px;
}

.brand_box li {
    background:url(/smart/images/brand_bg.gif) left top no-repeat;
    width:150px;
    height:37px;
    padding:20px 25px 0 10px;
    font-size:13px;
    font-weight:bold;
    margin:10px 5px 0 0;
    display:inline-block;
    zoom: 1;
    *display: inline;
}

*html .brand_box {
    padding:0 19px; width:580px;
}


/*for 手機 Vender Bar & OS Bar*/

.anchor {
    width:520px; float:right;
}

.anchor .topcap {
    background:url(/smart/images/an_top.gif) left top no-repeat;
    width:520px;
    height:6px;
}
.anchor .middle {
    border-left:1px #efefef solid;
    border-right:1px #efefef solid;
    width:498px; padding:6px 10px 0 10px;
    margin-bottom:-6px;
    text-align:left;
}

.anchor .middle li {
    background:url(/smart/images/sp_line.gif) right center no-repeat;
    padding-right:8px;
    display: inline-block;
    margin:0 6px 10px 0;
    zoom: 1;
    *display: inline;

}
*html .anchor .middle {
    margin-top:-8px !important;
}

.anchor .btmcap {
    background:url(/smart/images/an_btm.gif) left top no-repeat;
    width:520px;
    height:6px;
}


/*for 首頁 行銷圖檔*/

/*index_big_AD_20100303*/
.ad_show{ position: absolute; z-index:1;  width:418px; height:198px; border-left:1px #c2c2c2 solid; border-top:1px #c2c2c2 solid; border-bottom:1px #c2c2c2 solid; float:left;}
.ad_show img{ width:418px; height:198px;}

.ad_control{ width:211px; position:relative; z-index:1; float:right;}
.ad_control .top_cap , .ad_control .midd_cap , .ad_control .bottom_cap{ width:195px; height:50px; padding:8px; background:url(/smart/images/top.gif) no-repeat; font-size:12px; line-height:15px; cursor:pointer; float:right; }
.ad_control .top_cap img , .ad_control .midd_cap img , .ad_control .bottom_cap img , .ad_control .hilight img{ width:50px; height:50px; border:1px #d2d2d2 solid; margin-right:8px; float:left; }
.ad_control .top_cap b , .ad_control .midd_cap b , .ad_control .bottom_cap b , .ad_control .hilight b{ font-weight:bold; margin-bottom:5px; display:block;}
.ad_control .midd_cap{background:url(/smart/images/midd.gif) no-repeat; }
.ad_control .bottom_cap{background:url(/smart/images/bottom.gif) no-repeat; }
.ad_control .hilight{ width:205px; height:55px; padding:8px 8px 8px 20px; background:url(/smart/images/hi_bg.png) no-repeat; font-size:12px; line-height:15px; cursor:pointer; margin-bottom:-3px; z-index:1; position:relative; float:right; }
*html .ad_control .hilight{ margin-left:-22px !important; margin-top:-2px !important;}
*+html .ad_control .hilight{ margin-left:-22px !important;}


/*for 手機頁 放大鏡 左右鍵*/
.phoneDetail .view_control { width:252px; height:40px; float:left; clear:both;}
.phoneDetail .view_control .control_btn { text-align:center; margin:10px auto;}
.phoneDetail .view_control .control_btn span {opacity:0.4; -moz-opacity: 0.4; filter: alpha(opacity=40); zoom:0.4;}
.phoneDetail .view_control .control_btn img {margin-right:5px;}

.phoneDetail .view_control .control_btn { text-align:center; margin:10px auto;}
.phoneDetail .view_control .control_btn span {opacity:0.4; -moz-opacity: 0.4; filter: alpha(opacity=40); zoom:0.4;}
.phoneDetail .view_control .control_btn img {margin-right:5px;}

/*for 手機頁POP UP*/

.biggest { width:580px; height:580px; padding:10px; text-align:center;}
.biggest .control_bar { background:url(/smart/images/phone_line.jpg) repeat-x; margin-top:20px; padding:15px;}
.biggest .control_bar img { margin-right:10px;}
.biggest .control_bar span {opacity:0.4; -moz-opacity: 0.4; filter: alpha(opacity=40); zoom:1;}


/*new_rateplan_content_20100330*/
.plan_right_col { width:740px; float:left;}

.plan_col .ratenote { width:740px; margin:15px 0;}

/*for 資費內頁 "我要購買"*/
.button_apply { background:url(/smart/images/phone_line.jpg) repeat-x; clear:both; height:50px; padding-top:15px; padding-left:205px; margin-top:10px;}

/*for 動態展示Tab*/
.boxTags .vedio { background:url(/smart/images/vedio.gif) left 10px no-repeat;  padding:0 0 0 30px; }
.on .vedio { background:url(/smart/images/vedio.gif) left -1px no-repeat;  padding:0 0 0 30px; }
.vedioDetail { padding:10px; text-align:center;}

/*for 靜態展示換行用*/
.hr { margin-top:20px; height: 20px; overflow: hidden; border-top: 1px dashed rgb(204, 204, 204); }