* {font-size:12px;}
a, a:visited {color:#505050;text-decoration:none;}
a:hover {text-decoration:underline;}
body {color:#505050;font-family:"新細明體",Verdana,Geneva;font-size:11px;margin-left:0;margin-top:0;text-align:center;text-decoration:none;}
img, div { border:0; behavior: url(/css/iepngfix.htc) }
ul {margin:0;}

#content {margin:0 auto;text-align:left;position:relative;width:963px;}
#route {width:950px;float:left;margin:2px 2px 8px;font-family:Verdana,Geneva;}

.block_border {width:100%;}
.block_title {background:url("/img/layout/title_blueCircle.gif") no-repeat scroll 0 3px transparent;height:20px;margin:0;overflow:hidden;padding:0 0 5px 15px;z-index:1;}
.page_icon {padding-bottom:8px;}
.lt {background:url(/img/layout/border/lt.gif) no-repeat scroll 0 0 transparent;height:5px;overflow:hidden;width:5px;}
.t {background:url(/img/layout/border/t.gif) repeat-x scroll 0 0 transparent;height:5px;overflow:hidden;}
.rt {background:url(/img/layout/border/rt.gif) no-repeat scroll 0 0 transparent;height:5px;overflow:hidden;width:5px;}
.l {background:url(/img/layout/border/l.gif) repeat-y scroll 0 0 transparent;overflow:hidden;width:5px;}
.r {background:url(/img/layout/border/r.gif) repeat-y scroll 0 0 transparent;overflow:hidden;width:5px;}
.lb {background:url(/img/layout/border/lb.gif) no-repeat scroll 0 0 transparent;height:5px;overflow:hidden;width:5px;}
.b {background:url(/img/layout/border/b.gif) repeat-x scroll 0 0 transparent;height:5px;overflow:hidden;}
.rb {background:url(/img/layout/border/rb.gif) no-repeat scroll 0 0 transparent;height:5px;overflow:hidden;width:5px;}
.clearl {clear:left;}
.clearr {clear:right;}
.clear {clear:both;margin:0;padding:0;height:1px;}

/* Tab Layout */
#tabs {overflow:hidden;}
#tabs ul li {list-style-type:none;}
.lineTableTop{clear:both;position:relative;width:722px;margin-top:0px;}
.lineTopLeftCorner{float:left;}
.lineTopCenterLine{float:left;}
.lineTopRightCorner{float:right;padding-right:0px;}
.lineTableTabs{clear:both;top:0px;background-image: url(/img/part1/lineTable_topBKG.gif);background-repeat:no-repeat;width:722px;height:26px;}
.tab1{float:right;padding-right:10px;padding-top:1px;}
.tab2{float:right;padding-right:4px;padding-top:1px;}
.faqspace{float:left; clear:both; width:695px; height:15px;}


/* Book */
.bu_bodypart{position:relative;width:100%;padding-left:0px;}
.bu_sidemenu{float:left;position:relative;width:230px;padding-left:3px;padding-top:8px;}
.bookContentTop{clear:both;top:0px;background-image: url(/img/part5/contentBg_top.gif);background-repeat:no-repeat;width:723px;height:10px; overflow:hidden;}
.bookContent{clear:both; text-align:center;padding:27px 0;}
.bu_bodytext{float:right;position:relative;width:721px;padding-right:3px;padding-top:8px;}
.titlebar{clear:both;width:100%;position:relative;}
.headCircle{float:left;padding-left:8px;padding-top:4px;}
.headText{float:left;padding-left:3px;}
.contentOutline{clear:both;width:723px;padding-top:8px;}
.box {clear:both;position:relative;width:100%;}

/* FAQ */
.mobileContent{clear:both; text-align:center;padding:4px 13px 4px 13px;}
.faqArea{float:left; clear:both; width:695px;}
.faqQuePic{float:left; width:27px; text-align:left; padding-left:18px;}
.faqQueText{float:left; width:610px; text-align:left; padding:5px 35px 0 4px;font-family:"Times New Roman"; font-size:15px; font-weight:bold; color:#2e6227; }
.faqAnsPic{float:left; width:23px; text-align:left; padding:3px 0 0 49px;}
.faqAnsText{float:left; width:599px; text-align:left; padding:3px 7px 40px 5px;font-family:"Arial"; font-size:12px; color:#565656; line-height:23px;}
.faqAnsText p {margin:0; padding:0;}


/*mobile*/
.mobileContent{clear:both; text-align:center;padding:4px 13px 4px 13px;}
.mobileTopTitle{float:left; width:691px; text-align:left; padding-left:4px;}
.mobileTopText{float:left; width:640px; text-align:left; padding:2px 14px 10px 31px; font-family:arial; font-size:12px; color:#333;}
.mobileTableNote{float:left; width:691px; text-align:left; padding:10px 0 0 4px;}
.mobileTableTop{float:left;width:690px; text-align:left;padding:22px 0px 0px 5px;background: url(/img/part6/tableTopBg.jpg) no-repeat;}
.mobileTableBg01{width:8px; background:url(/img/part6/tableContentBg01.jpg) repeat-y;}
.mobileTableBg02{width:8px; background:url(/img/part6/tableContentBg02.jpg) repeat-y;}
.mobileTableBtm{float:left;width:695px; height:14px;text-align:left;padding:0px 0px 6px 0px;background: url(/img/part6/tableBtmBg.jpg) no-repeat;}
.fontStyle01{font-family:"Times New Roman"; font-size:13px; font-weight:bold; color:#ffffff; padding:0 0 0 0px;}
.fontStyle02{font-family:"Arial"; font-size:14px; font-weight:bold; color:#75e134;}
.mobileTable01{width:116px; font-family:"Times New Roman"; font-size:13px; font-weight:bold; color:#535353; text-align:left; padding:13px 10px 8px 40px;}
.mobileTable02{width:120px; font-family:"Arial"; font-size:12px; color:#474747; text-align:center;padding:5px 5px}
.mobileTable03{width:105px; font-family:"Arial"; font-size:12px; color:#474747; text-align:center;padding:5px 5px}
.mobileTable04{width:127px; font-family:"Arial"; font-size:12px; color:#474747; text-align:center;padding:5px 5px}
.mobileTable05{text-align:center;padding:5px 5px; font-family:"Arial"; font-size:12px; color:#474747;}

/* Smart Phones */
.smartphonebox{ width:950px; margin:2px 0 8px;}
* html .smartphonebox { float:right; }
.smart_phone_bg01{ background-image:url(/img/smartphones/smart_phone_bg01.jpg); background-repeat:no-repeat;}
.smart_phone_bg02{ background-image:url(/img/smartphones/smart_phone_bg02.jpg); background-repeat:no-repeat;}
.smart_phone_bg03{ background-image:url(/img/smartphones/smart_phone_bg03.jpg); background-repeat:no-repeat;}
.smart_phone_bg04{ background-image:url(/img/smartphones/smart_phone_bg04.jpg); background-repeat:y;}
.smart_phone_bg05{ background-image:url(/img/smartphones/smart_phone_bg05.jpg); background-repeat:no-repeat;}
.hami{ font-family:Verdana, Geneva, sans-serif;width:264px; font-size:12px; color:#484848; line-height:18px; padding-top:5px; padding-left:3px;}
.hami p{margin:0; padding:0;}
.hami a:link{ font-family:Verdana, Geneva, sans-serif;width:264px;font-size:12px; color:#484848; line-height:18px; padding-top:10px; text-decoration:none;}
.hami a:visited{ font-family:Verdana, Geneva, sans-serif;width:264px;font-size:12px; color:#484848; line-height:18px; padding-top:10px; text-decoration:none;}
.hami a:hover{ font-family:Verdana, Geneva, sans-serif; width:264px;font-size:12px; color:#272727; line-height:18px; padding-top:10px; text-decoration:none;}
.hami a:active{font-family:Verdana, Geneva, sans-serif;width:264px;font-size:12px; color:#272727; line-height:18px; padding-top:10px; text-decoration:none;}
.hami_tittle a{ font-family:Verdana, Geneva, sans-serif,華康儷中黑,微軟正黑體,黑體; font-size:22px; color:#154e10; font-weight:bolder; padding:0; margin:0;text-decoration:none;}

/* Services */
.service{ font-family:Verdana, Geneva, sans-serif,華康儷中黑,微軟正黑體,黑體; font-size:12px; color:#333333; line-height:20px; padding-left:1px;}
.service_space{ font-size:12px; color:#333333; line-height:20px; padding:8px 0 0 1px;}
.hami_head{margin-top:20px;margin-left:14px;}
.hami_servicebackground{ background:url(/img/part6/background.jpg);background-repeat:no-repeat;}
.service a:link{ color:#0088cc; text-decoration:none; }
.service a:visited{ color:#0088cc;text-decoration:none;  }
.service a:hover{ color:#0088cc; }
.service a:active{ color:#0088cc;text-decoration:none;  }

/* Rate Plans */
.rateplanContent{border:solid 1px #cccccc;width:647px;background-image:url(/img/part5/rate_plan01.gif);background-repeat:no-repeat; background-position:bottom;}
.rateplan{width:647px; padding:13px 8px 16px 18px;display:block;}
.rateplan_arrow{ width:10px;float:left;}
.rateplan_text{ display:block;width:575px;text-align:left;font-family:"Times New Roman"; font-size:15px; font-weight:bold; color:#000000;padding-top:3px;}
.rateplan_space{ height:9px;}

/* Briefcase */
.briefcaseContent{clear:both; text-align:center;padding:4px 13px 4px 13px;}
.briefcaseTitle{float:left; width:691px; text-align:left; padding-left:4px; }
.briefcaseText{float:left; text-align:left; padding:5px 20px 27px 56px;padding:5px 50px 20px 56px; font-family:arial; font-size:12px; color:#333; line-height:19px;}
.briefcaseTopNote{float:left; width:691px; text-align:left; padding:0px 0 0 4px;}