/* CSS Document */
body, div, label, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, th, td { border: 0 none; margin: 0; outline: 0 none; padding: 0; list-style-type:none; }
body{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 150%; color: #666; background: #000 }
.bg1{ background: url(../images/bg.jpg) repeat-x #000 }
.bg2{ background: url(../images/bg_2.jpg) repeat-x #000 }
.bg3{ background: url(../images/bg_3.jpg) repeat-x #000 }
.bg4 { background: none }
.bg5{ background:#1c1c1b}
.d{ background-attachment: fixed }
a:link, a:visited{ text-decoration: none; color: #55565b }
a:hover { text-decoration: none }
a img{ border:none 0;}
.clear{ clear: both }
.f_l{ float: left }
.f_r{ float: right }
.font_y{ color: #ced00c }
html .fixed-top /* IE6 头部固定 */{ position: absolute; bottom: auto; top: expression(eval(document.documentElement.scrollTop)) }
.hide{ display: none }
.display{ display: block }
.container{ width: 995px; margin: 0 auto; position: relative; clear: both }
.demo_nameBox{ margin-top: 25px; position: relative; }
.demo_name_01{ width: 188px; height: 40px; position: relative;margin-left:20px; }
.btnBox_01{ position: absolute; right: 15px; top: 5px }
.leftCol{ width: 658px; float: left; position: relative }
.rightCol{ width: 337px; float: right; padding-bottom: 30px; position: relative }
.leftPar_01{ width: 252px; float: left }
.leftPar_01 h4{ font-size: 12px; font-weight: normal; color: #FFF }
.rightPar_01{ width: 90px; width: 384px; float: right }
.titBox_01{ width: 407px; height: 59px; background: url(../images/panel_04.png) left top; float: left; position: relative; overflow: hidden }
.titBox_01 b{ display: inline-block; float: left; margin-left: 15px; margin-top: 15px }
.titBox_01 h4{ float: left; margin: 25px 0 0 10px }
.titBox_01 span{ float: right; color: #999; margin: 25px 10px 0 0px }
.titBox_02{ width: 248px; height: 59px; background: url(../images/panel_04.png) left -79px; overflow: hidden }
.titBox_02 b{ display: inline-block; height: 34px; width: 137px; background: url(../images/f_pic.gif) left -89px; position: absolute; left: 15px; top: 15px }
/*.titBox_02 a{ position:absolute; left:0px; top:-20px;}*/
.bigImgBox{ width: 658px; height: 397px; overflow: hidden; clear: both }
.titBox_03{ width: 587px; background: url(../images/panel_03.png) left top no-repeat }
.titBox_03_c{ background: url(../images/panel_03_c.png) repeat-y; overflow: hidden; padding: 0 1px; width: 587px }
.titBox_03_b{ height: 15px; width: 587px; background: url(../images/panel_03.png) left bottom no-repeat }
.titBox_04{ width: 337px; height: 60px; background: url(../images/panel_04.png) left -157px }
.titBox_04 b{ display: inline-block; height: 34px; width: 137px;  margin-left: 15px; margin-top: 15px; float: left }
.titBox_04 span{ float: right; margin-top: 20px }
.titBox_04 a{ color: #e1e096; margin-right: 10px }
.titBox_04 a:hover{ text-decoration: underline; color: #fffe80 }
.titBox_05{ font-size: 50px; height: 60px; line-height: 60px; margin: 5px 0 5px 0; color: #695d57; width: 658px; overflow: hidden;font-weight: bold; }
.titBox_05 span{ font-size: 30px; line-height: 30px }
.list_01{ width: 100%; height: 360px; overflow: hidden; position: absolute; left: 0px; top: 108px }
.list_01_mask { width: 100%;height: 360px;position: absolute;opacity: 0.5; filter: alpha(opacity=50);background-color: #000; }
.list_01_c { position: relative;  }
.list_01_c ul{ list-style: none; margin: 0;width: 2400px; }
.list_01_c ul li{ float: left; width: 160px; height: 180px; display: inline; cursor: pointer; _margin-bottom: -3px }
.list_02{ width: 1002px; margin: 0 auto; overflow: hidden; position: absolute; left: 0px; top: 780px }
.list_02 ul{ list-style: none; margin: 0 }
.list_02 ul li{ float: left; width: 125px; height: 140px; display: inline; cursor: pointer; _margin-bottom: -3px }
.list_02 ul li img{ width: 125px; height: 140px }
.list_03{ width: 250px; float: right; margin-right: 10px }
.list_03 ul{ list-style: none }
.list_03 ul li{ float: left; width: 115px; margin: 2px 2px; line-height: 26px; height: 26px; background: url(../images/shop_01.gif) left -461px; text-align: center }
.list_03 ul li a{ color: #9a9a9a }
.list_03 ul li a:hover{ color: #d7cc52 }
.list_04{ width: 337px; background: #1a1914; position: relative; }
.theme_layer { overflow: hidden;height:800px;position: relative;  }
.theme_layer ul { position: absolute;top:0px; }
.large_loading { text-align:center;top:60px;position: absolute; z-index: 1; opacity: 0.5; filter: alpha(opacity=50); background-color: #000;width:658px;height:830px;display:none; }
.large_loading p { margin-top:200px;color: #FFF }
.large_share { bottom:350px;right: 30px;position: absolute;height: 40px; }
.list_04 ul{ list-style: none }
.list_04 ul li{ float: left;  width: 337px; position: relative;height: 200px; }
.list_04 ul li div.list04_div_01{ float: left; width: 169px; height: 191px; background: url(../images/panel_04.png) 0px -455px; margin-left: 5px }
.list_04 ul li div.list04_div_01 img{ margin: 3px 0 0 3px; border: none }
.list_04 ul li div.list04_div_01 div{ background: url(../images/panel_04.png) 0px -217px no-repeat; position: absolute; left: -26px; top: 0px; width: 200px; height: 190px; z-index: 1 }
.list_04 ul li div.list04_div_02{ float: right; width: 152px; line-height: 135% }
.list_04 ul li div.list04_div_02 h4{ color: #a79968; font-size: 16px; font-weight: normal; margin-top: 10px }
.list_04 ul li div.list04_div_02 p{ color: #9a9a9a; height: 65px; margin: 5px 5px 10px 0 }
.hover_layer{background:url(../images/panel_04.png) 0px -217px no-repeat; position:absolute; left:-26px; top:0px; width:200px; height:190px; z-index:1; cursor: pointer;}
.banner_01{ width: 100%; height: 175px; background: url(../images/banner01.jpg) center  no-repeat; position: absolute; left: 0px; top: 140px; z-index: -1 }
.topBox{ margin: 0 auto; width: 1002px; height: 80px; position: relative; overflow: hidden }
.logo{ float: left; margin-top: 20px }
.nav{ position: absolute; right: 10px; top: 35px; height: 30px }
.nav ul{ list-style: none }
.nav ul li{ float: left; margin: 0 10px }
.nav ul li a{ height: 20px; overflow: hidden;color: #9A9A9A;}
.nav ul li a.fb_style { color: #FFF; background-color: #3B5998;padding: 3px 8px; }

.nav ul li a:hover{ color: #FFF }
.D_1002{ width: 1002px; margin: 0 auto; position: relative }
.panel_01{ float: left; width: 414px; position: absolute; left: 0px; top: 0px }
.panel_01_t{ background: url(../images/panel_01.png) left top no-repeat; height: 68px }
.panel_01_t b{ display:inline-block; width:138px; height:35px; float:left; margin:15px 0 0 15px}
.panel_01_t span{ float: right; font-size: 12px; font-weight: normal; color: #e1e096; margin-top: 30px; margin-right: 10px }
.panel_01_t span a{ color: #e1e096; margin: 0 5px }
.panel_01_t span a:hover{ text-decoration: underline }
.panel_01_c{ background: url(../images/panel_01_c.png) repeat-y; overflow: hidden; padding: 0 1px }
.panel_01_b{ background: url(../images/panel_01.png)  bottom no-repeat; height: 15px }
.panel_02_t{ width: 587px; height: 70px; background: url(../images/panel_03.png) left top no-repeat; position: relative }
.panel_02_t b{ display: inline-block; height: 34px; width: 137px; background: url(../images/f_pic.gif) left -89px; position: absolute; left: 15px; top: 15px }
.panel_02_t2{ width: 587px; height: 70px; background: url(../images/panel_03.png) left -75px no-repeat; position: relative }
.panel_02_t2 b{ display: inline-block; height: 34px; width: 137px; background: url(../images/f_pic.gif) left -89px; position: absolute; left: 15px; top: 15px }
.panel_02_c{ background: url(../images/panel_03_c.png) repeat-y; overflow: hidden; padding: 0 1px; width: 587px }
.panel_02_c ul{ list-style: none; float: left }
.panel_02_c ul li{ float: left; width: 75px; margin: 3px 3px }
.panel_02_c ul p{ margin-bottom: 5px }
.panel_02_c ul li a{ color: #666 }
.panel_02_c ul li a:hover{ color: #FFF }
.panel_02_c ul.p2_ul_01{ width: 256px; margin-left: 20px }
.panel_02_c ul.p2_ul_01 p{ color: #90d0de; font-size: 16px }
.panel_02_c ul.p2_ul_02{ width: 170px }
.panel_02_c ul.p2_ul_02 p{ color: #99de90; font-size: 16px }
.panel_02_c ul.p2_ul_03{ width: 90px }
.panel_02_c ul.p2_ul_03 p{ color: #ea2424; font-size: 16px }
.panel_01_c_t { height:625px;overflow:hidden; position: relative; }
.panel_01_c_t_l { text-align:center;position: absolute; z-index: 1; opacity: 0.7; filter: alpha(opacity=70); background-color: #000;width:410px;height: 700px;display:none; }
.panel_01_c_t_l p { margin-top:100px;color:#fff; }
.panel_01_c_t_c { position: absolute; }
.panel_01_c_t_c_c { height: 626px; }
.panel_01_c_l { position: absolute;right:30px;bottom:35px; display: none; }
.panel_02_b{ height: 15px; width: 587px; background: url(../images/panel_03.png) left bottom no-repeat }
.panel_03_t{ width: 380px; height: 32px; background: url(../images/panel_06_t.gif); float: right }
.panel_03_t b{ background: url(../images/f_pic.gif) left -164px; width: 140px; height: 24px; margin: 5px 0 0 10px; display: inline-block }
.panel_03_c{ width: 380px; background: url(../images/panel_06_c.jpg) repeat-x #0d0d0a; overflow: hidden; float: right }
.panel_03_c ul{ list-style: none; margin-top: 5px }
.panel_03_c ul li{ float: left; margin: 0 10px 5px 10px }
.panel_03_c ul li a{ color: #929269 }
.panel_03_c ul li a:hover{ color: #dada9f }
.panel_03_c ul li img{ border: 3px solid #6f6d5e }
.panel_03_c ul li span{ width: 56px; display: block; text-align: center }
.panel_03_b{ height: 10px; width: 380px; background: url(../images/panel_06_t.gif) left -32px; float: right }
.panel_04_t{ width: 337px; height: 13px; background: url(../images/panel_05_t.png) left top; overflow: hidden }
.panel_04_c{ width: 337px; overflow: hidden; background: url(../images/panel_05_c.png) repeat-y }
.panel_04_b{ width: 337px; height: 13px; background: url(../images/panel_05_t.png) left -17px }
.into_f{ margin: 10px 10px 10px 10px }
.intoTit_01{ padding-top: 0px }
.intoTit_01 h4{ color: #FFF; font-weight: normal; margin-bottom: 10px }
.intoTit_01 h3{ font-size: 30px; font-weight: bold; color: #49868a }
.tis_02{ float: left; width: 200px }
.tis_02 p{ margin-top: 10px }
.tis_01{ width: 154px; height: 116px; background: url(../images/shop_01.gif) -401px -404px; color: #6a685e }
.tis_01 p{ margin: 30px 10px; overflow: hidden }
.analysis_01{ width: 385px; height: 169px; background: url(../images/shop_01.gif) left -281px }
.analysis_01 span{ font-size: 30px; font-weight: bold; float: left; margin-top: 90px }
.analysis_01 span.als_span_01{ color: #000; font-size: 40px; line-height: 40px; margin-left: 0px; text-align: center; width: 86px }
.analysis_01 span.als_span_02{ color: #fffd60; display: inline-block; width: 70px; line-height: 100%; font-size: 24px; margin-left: 45px }
.analysis_01 span.als_span_03{ color: #66bad2; font-size: 40px; line-height: 40px; width: 86px; margin-left: 2px }
.analysis_01 span.als_span_04{ float: right; margin-right: 10px; width: 86px; text-align: center; margin-top: 95px; color: #ffa3a3; line-height: 30px }
.analysis_02{ width: 150px; height: 49px; background: url(../images/panel_04.png) -273px -370px no-repeat; overflow: hidden }
.analysis_02 span{ margin-top: 24px; text-align: center; color: #000; width: 31px; overflow: hidden; display: inline-block }
.SelectBox{ width: 587px; float: right }
.SelectBox_02{ position: absolute; left: -249px; z-index: 999 }
.footBox{ width: 1002px; margin:0 auto; padding-bottom: 3px; padding-top:5px; overflow:hidden; }
.footBox a{ margin-left: 10px; color: #2c2c2c; }
.footBox a:hover{ color: #999 }
.footBox p{ float: left }
.footBox span{ float: right; font-size: 11px; color: #2a2a2a }
.footBox_02{ width: 1002px; clear: both; padding-top: 10px; overflow: hidden; padding-bottom: 3px; border-bottom:1px solid #222; }
.footBox_02 a{ margin-left: 10px; color: #2c2c2c; }
.footBox_02 a:hover{ color: #999 }
.footBox_02 p{ float: left }
.footBox_02 span{ float: right; font-size: 11px; color: #2a2a2a; margin-right: 10px }
.intoBox{ background: url(../images/panel_02.png) left top no-repeat; width: 414px; overflow: hidden }
.intoBox_02{ color: #9a9a9a; background: url(../images/line_01.gif) repeat-x bottom; padding-bottom: 20px; margin-bottom: 20px }
.intoBox_03{ color: #6a685e; margin-bottom: 20px }
.intoBox_03 h3{ display: block; height: 21px; width: 80px; background: url(../images/f_pic.gif) left -136px }
a.btn_01{ }
a.btn_02{ display: inline-block; height: 55px; width: 259px; background: url(../images/shop_01.gif) left -69px; text-indent: -999px; overflow: hidden }
a.btn_02:hover{ background: url(../images/shop_01.gif) left -676px }
a.btn_03{ display: inline-block; width: 107px; height: 96px; background: url(../images/panel_04.png) -300px -223px; line-height: 96px; text-align: center; color: #FFF; font-size: 40px }
a.btn_03:hover{ background: url(../images/panel_04.png) -300px -428px }
a.upBtn_01{ color: #cf8662; float: left; margin-left: 170px; margin-top: 25px }
a.upBtn_01 b{ margin-left: 10px; display: inline-block; vertical-align: middle; background: url(../images/shop_01.gif) -401px -333px; width: 34px; height: 23px; top: auto; left: auto; position: relative }
a.upBtn_01:hover b{ background: url(../images/shop_01.gif) -401px -359px; width: 34px; height: 23px }
a.upBtn_01:hover{ color: #d65718 }
a.downBtn_01{ color: #cf8662; float: left; margin-left: 170px; margin-top: 25px }
a.downBtn_01 b{ margin-left: 10px; display: inline-block; vertical-align: middle; background: url(../images/shop_01.gif) -441px -333px; width: 34px; height: 23px; position: static }
a.downBtn_01:hover b{ background: url(../images/shop_01.gif) -441px -359px; width: 34px; height: 23px }
a.downBtn_01:hover{ color: #d65718 }
a.upBtn_02{ display: inline-block; width: 30px; height: 27px; background: url(../images/shop_01.gif) -401px -291px }
a.upBtn_02:hover{ background: url(../images/shop_01.gif) -470px -291px }
a.dwonBtn_02{ display: inline-block; width: 30px; height: 27px; background: url(../images/shop_01.gif) -436px -291px }
a.dwonBtn_02:hover{background: url(../images/shop_01.gif) -506px -291px}
a.downBtn_03{ display: inline-block; height: 23px; width: 337px; background: url(../images/panel_04.png) left -654px }
a.preview_01{ margin-top: 5px; display: inline-block; margin-right: 7px }
a.preview_01 span b{ display: inline-block; width: 20px; height: 19px; vertical-align: middle; background: url(../images/panel_04.png) -176px -456px; margin-right: 3px }
a.preview_01 span{ font-size: 18px; font-weight: bold; color: #e7af06 }
a.preview_01:hover span{ color: #ffcb2c }
a.Favorites{ margin-top: 5px; display: inline-block }
a.Favorites span b{ display: inline-block; width: 18px; height: 19px; vertical-align: middle; background: url(../images/panel_04.png) -203px -457px; margin-right: 3px }
a.Favorites span{ font-size: 18px; font-weight: bold; color: #e7af06 }
a.Favorites:hover span{ color: #ffcb2c }
a.Favorites span.already{ color: #45412a; cursor: default }
a.Favorites span.already b{ background: url(../images/panel_04.png) -225px -457px }
.btn_bg{ width: 151px; height: 31px; margin-top: 5px; background: url(../images/panel_04.png) left -417px; padding-left: 10px }
.part_01{ padding: 0 10px; line-height: 39px; height: 39px; font-size: 16px }
.part_01 h4{ float: left }
.part_01 span{ font-size: 12px }
.part_02{ margin: 10px 0; overflow: hidden }
.part_02 p{ margin: 5px 10px; float: left; width: 280px }
.rightBox_02{ position: absolute; left: 416px; top: 400px; width: 585px }
.stepBox{ overflow: hidden; height: 121px; width: 586px }
.stepBox span{ text-align: center; display: inline-block; width: 178px; height: 118px; margin: 0 4px; line-height: 208px }
.stepBox span b{ }
.stepBox span.step_01{ background: url(../images/shop_01.gif) left -541px; margin-left: 10px }
.stepBox span.step_02{ background: url(../images/shop_01.gif) -190px -541px }
.stepBox span.step_03{ background: url(../images/shop_01.gif) -380px -541px }
.memberBox_01{ clear: both; width: 585px; height: 126px; background: url(../images/shop_01.gif) left -141px; overflow: hidden }
.f_extra01{ background: url(../images/f_pic.gif) left -45px; height: 34px; width: 137px }
.f_extra02{ background: url(../images/f_pic.gif) left 0px; height: 34px; width: 70px }
.f_h4_ext01{ font-size: 16px; font-weight: normal; color: #FFF }
.f_h4_ext02{ font-size: 20px; font-weight: normal; color: #d3bbaf }
.faq_01{ margin: 10px 0 0 20px }
.faq_01 dl{ list-style: none; width: 150px; float: left }
.faq_01 dl dt{ font-size: 20px; font-weight: bold; margin-bottom: 10px }
.faq_01 dl dt.dt_01{ color: #7c3512 }
.faq_01 dl dt.dt_02{ color: #d3bbaf }
.faq_01 dl dd{ padding-bottom: 5px }
.faq_01 a{ color: #4c3f38 }
.faq_01 a:hover{ color: #9c4b23 }
.faqBox{ width: 970px; margin: 0 auto; position: relative }
.faq_menuBox{ width: 311px; float: left; position: absolute; top: 0px; left: 0px }
.faq_menuBox ul{ list-style: none; margin-left: 15px }
.faq_menuBox ul li{ font-size: 15px; line-height: 40px; width: 296px }
.faq_menuBox ul li a{ color: #929269; margin-left: 10px }
.faq_menuBox ul li a:hover{ color: #f2b900 }
.faq_menuBox ul li.cur{ background: #1e1d17; border-left: 1px solid #5d5738; border-top: 1px solid #5d5738; border-bottom: 1px solid #5d5738 }
.faq_menuBox ul li.cur a{ font-weight: bold; color: #f2b900 }
.faq_menuBox div.faq_menuBox_top{ background: url(../images/faq_pic.png) left top; width: 311px; height: 7px }
.faq_menuBox div.faq_menuBox_center{ background: #353222 }
.faq_menuBox div.faq_menubox_bottom{ background: url(../images/faq_pic.png) left -7px; width: 311px; height: 7px }
.faq_listBox{ width: 659px; float: right; z-index: 0 }
.faq_listBox div.faq_listBox_top{ background: url(../images/faq_pic.png) -311px top; width: 659px; height: 7px }
.faq_listBox div.faq_listBox_center{ overflow: hidden; background: #1e1d17; border-left: 1px solid #5d5738; border-right: 1px solid #5d5738; width: 657px }
.faq_listBox div.faq_listBox_bottom{ background: url(../images/faq_pic.png) -311px -7px; width: 659px; height: 7px }
.faq_list{ margin: 10px 20px;min-height: 600px; }
.faq_list ul{ list-style: none }
.faq_list ul li{ border-bottom: 1px dashed #3b3930; margin-bottom: 3px; line-height: 30px }
.faq_list ul li a{ color: #9a9a9a }
.faq_list ul li a:hover{ color: #FFF }
.content_01{ width: 620px }
.extra_01{ margin: 30px 0 50px 0;}
.top_col{ width: 995px; _width: 996px; margin: 0 auto; position: relative }
.panelBox{ width: 600px; background: #FFF; margin: 0 auto }
.block1{ background: #7e7e7e; overflow: hidden; padding: 10px }
.block2{ margin: 20px }
.block3{ margin: 10px 20px; font-weight: bold; }
.block4{ padding: 20px; background-color: #333; }
.share{ float: right; color: #FFF }


/* 06-28 */
.upBtn{background:url(../images/panel_04.png) -172px -487px no-repeat; width:95px; height:46px; position:absolute; top:-46px; left:120px; z-index:9999; cursor:pointer}
.downBtn{background:url(../images/panel_04.png) -172px -540px no-repeat; width:95px; height:46px; position:absolute; bottom:-35px; left:120px; z-index:9999; cursor:pointer}

.font01{background:url(../images/f_1.png) no-repeat;}
.font02{background:url(../images/f_1.png) left -51px no-repeat}
.font03{background:url(../images/f_1.png) left -105px no-repeat}
.font04{background:url(../images/f_1.png) left -155px no-repeat}

.tab_01{ background:#12110d; color:#666; text-align:center}
.tab_01 thead tr td{ text-align:center; background:#45412a; color:#e1e096; font-size:15px; font-weight:bold;}
.tab_01 tr{}
.tab_01 tr td{ padding:10px; background:#1c1b15; vertical-align:top}
.tab_01 tr td.tab_01_td1{ background:#2e2b1b; color:#a79968;  font-size:15px; font-weight:bold; text-align:center}


.hr_page01 {  clear: both;overflow: hidden;padding-bottom: 50px; width: 1002px; padding-top:15px;}
.hr_page01 ul{ line-height:21px;}
.hr_page01 ul li{ float:left; height:28px; font-size:12px; color:#434343;list-style-type:none;}
.hr_page01 ul li a{ color:#000; font-size:12px; line-height:28px; display:block; padding:0 10px; }
.hr_page01 ul li a:hover{ color:#000; text-decoration:underline;}
.hr_page01 ul li.ime a {background:url(http://statics.mymy.tw/open/images/imeA.png) 0 3px no-repeat; width:52px;}
.hr_page01 ul li.ime a:hover {background:url(http://statics.mymy.tw/open/images/imeB.png) 0 3px no-repeat;}
.hr_page01 ul li.mymy a { background:url(http://statics.mymy.tw/open/images/mymyA.png) no-repeat; width:95px;}
.hr_page01 ul li.mymy a:hover { background:url(http://statics.mymy.tw/open/images/mymyB.png) 0 1px no-repeat;}
.hr_page01 ul li.waxi a { background:url(http://statics.mymy.tw/open/images/waxiA.png) no-repeat; width:68px;}
.hr_page01 ul li.waxi a:hover { background:url(http://statics.mymy.tw/open/images/waxiB.png) no-repeat;}
.hr_page01 ul li.imeQ a {background:url(http://statics.mymy.tw/open/images/imeQA.png) 0 5px no-repeat; width:67px;}
.hr_page01 ul li.imeQ a:hover { background:url(http://statics.mymy.tw/open/images/imeQB.png) 0 5px no-repeat;}
.hr_page01 ul li.i a {background:url(http://statics.mymy.tw/open/images/iA.png) 0 5px no-repeat; width:48px;}
.hr_page01 ul li.i a:hover { background:url(http://statics.mymy.tw/open/images/iB.png) 0 5px no-repeat;}
.hr_page01 ul li.ggxx a { background:url(http://statics.mymy.tw/open/images/ggxxA.png) 0 7px no-repeat; width:62px;}
.hr_page01 ul li.ggxx a:hover { background:url(http://statics.mymy.tw/open/images/ggxxB.png) 0 7px  no-repeat;}
.hr_page01 ul li.qr a { background:url(http://statics.mymy.tw/open/images/qrA.png) no-repeat; width:102px;}
.hr_page01 ul li.qr a:hover { background:url(http://statics.mymy.tw/open/images/qrB.png) no-repeat; }
.hr_page01 ul li.trakie a { background:url(http://statics.mymy.tw/open/images/trakieA.png) 0 4px no-repeat; width:88px;}
.hr_page01 ul li.trakie a:hover { background:url(http://statics.mymy.tw/open/images/trakieB.png) 0 4px no-repeat;}
.hr_page01 ul li.mb a{ background:url(http://statics.mymy.tw/open/images/mbA.png) 0 7px  no-repeat; width:58px;}
.hr_page01 ul li.mb a:hover { background:url(http://statics.mymy.tw/open/images/mbB.png) 0 7px  no-repeat;}
.hr_page01 ul li.myapp a{ background:url(http://statics.mymy.tw/open/images/myappA.png) 0 7px  no-repeat; width:96px;}
.hr_page01 ul li.myapp a:hover { background:url(http://statics.mymy.tw/open/images/myappB.png) 0 7px  no-repeat;}
.hr_page01 ul li.fdd a{ background:url(http://statics.mymy.tw/open/images/fddA.png) 0 3px  no-repeat; width:50px;}
.hr_page01 ul li.fdd a:hover { background:url(http://statics.mymy.tw/open/images/fddB.png) 0 3px  no-repeat;}
.hr_page01 ul li.ilike a{ background:url(http://statics.mymy.tw/open/images/ilikeA.png) 0 2px  no-repeat; width:52px;}
.hr_page01 ul li.ilike a:hover { background:url(http://statics.mymy.tw/open/images/ilikeB.png) 0 2px  no-repeat;}
.hr_page01 ul li.vdo a{ background:url(http://statics.mymy.tw/open/images/vdoA.png) 0 8px  no-repeat; width:58px;}
.hr_page01 ul li.vdo a:hover { background:url(http://statics.mymy.tw/open/images/vdoB.png) 0 8px  no-repeat;}
.hr_page01 ul li.momojojo a{ background:url(http://statics.mymy.tw/open/images/momojojoA.png) 0 8px  no-repeat; width:58px;}
.hr_page01 ul li.momojojo a:hover { background:url(http://statics.mymy.tw/open/images/momojojoB.png) 0 8px  no-repeat;}


.hr_page02 {  clear:both; overflow: hidden; padding-bottom: 10px; width:960px; margin:0 auto; position:relative; top:840px; }
.hr_page02 ul{ line-height:21px; margin-left:-50px}

.hr_page02 ul li{ float:left; height:21px; font-size:12px; color:#434343;list-style-type:none; margin:0 10px}
.hr_page02 ul li a{ color:#000000; font-size:12px; line-height:28px; display:block; padding:0 5px; }

.hr_page02 ul li a:hover{ color:#000000; text-decoration:underline;}
.hr_page02 ul li.ime a {background:url(http://statics.mymy.tw/open/images/imeA.png) 0 3px no-repeat; width:52px;}
.hr_page02 ul li.ime a:hover {background:url(http://statics.mymy.tw/open/images/imeB.png) 0 3px no-repeat;}
.hr_page02 ul li.mymy a { background:url(http://statics.mymy.tw/open/images/mymyA.png) no-repeat; width:95px;}
.hr_page02 ul li.mymy a:hover { background:url(http://statics.mymy.tw/open/images/mymyB.png) 0 1px no-repeat;}
.hr_page02 ul li.waxi a { background:url(http://statics.mymy.tw/open/images/waxiA.png) no-repeat; width:68px;}
.hr_page02 ul li.waxi a:hover { background:url(http://statics.mymy.tw/open/images/waxiB.png) no-repeat;}
.hr_page02 ul li.imeQ a {background:url(http://statics.mymy.tw/open/images/imeQA.png) 0 5px no-repeat; width:67px;}
.hr_page02 ul li.imeQ a:hover { background:url(http://statics.mymy.tw/open/images/imeQB.png) 0 5px no-repeat;}
.hr_page02 ul li.i a {background:url(http://statics.mymy.tw/open/images/iA.png) 0 5px no-repeat; width:48px;}
.hr_page02 ul li.i a:hover { background:url(http://statics.mymy.tw/open/images/iB.png) 0 5px no-repeat;}
.hr_page02 ul li.ggxx a { background:url(http://statics.mymy.tw/open/images/ggxxA.png) 0 7px no-repeat; width:62px;}
.hr_page02 ul li.ggxx a:hover { background:url(http://statics.mymy.tw/open/images/ggxxB.png) 0 7px  no-repeat;}
.hr_page02 ul li.qr a { background:url(http://statics.mymy.tw/open/images/qrA.png) no-repeat; width:102px;}
.hr_page02 ul li.qr a:hover { background:url(http://statics.mymy.tw/open/images/qrB.png) no-repeat; }
.hr_page02 ul li.trakie a { background:url(http://statics.mymy.tw/open/images/trakieA.png) 0 4px no-repeat; width:88px;}
.hr_page02 ul li.trakie a:hover { background:url(http://statics.mymy.tw/open/images/trakieB.png) 0 4px no-repeat;}
.hr_page02 ul li.mb a{ background:url(http://statics.mymy.tw/open/images/mbA.png) 0 7px  no-repeat; width:58px;}
.hr_page02 ul li.mb a:hover { background:url(http://statics.mymy.tw/open/images/mbB.png) 0 7px  no-repeat;}
.hr_page02 ul li.myapp a{ background:url(http://statics.mymy.tw/open/images/myappA.png) 0 7px  no-repeat; width:96px;}
.hr_page02 ul li.myapp a:hover { background:url(http://statics.mymy.tw/open/images/myappB.png) 0 7px  no-repeat;}
.hr_page02 ul li.fdd a{ background:url(http://statics.mymy.tw/open/images/fddA.png) 0 3px  no-repeat; width:50px;}
.hr_page02 ul li.fdd a:hover { background:url(http://statics.mymy.tw/open/images/fddB.png) 0 3px  no-repeat;}
.hr_page02 ul li.ilike a{ background:url(http://statics.mymy.tw/open/images/ilikeA.png) 0 2px  no-repeat; width:52px;}
.hr_page02 ul li.ilike a:hover { background:url(http://statics.mymy.tw/open/images/ilikeB.png) 0 2px  no-repeat;}
.hr_page02 ul li.vdo a{ background:url(http://statics.mymy.tw/open/images/vdoA.png) 0 8px  no-repeat; width:58px;}
.hr_page02 ul li.vdo a:hover { background:url(http://statics.mymy.tw/open/images/vdoB.png) 0 8px  no-repeat;}

.hr_page02 ul li.momojojo a{ background:url(http://statics.mymy.tw/open/images/momojojoA.png) 0 5px  no-repeat; width:75px;}
.hr_page02 ul li.momojojo a:hover { background:url(http://statics.mymy.tw/open/images/momojojoB.png) 0 5px  no-repeat;}
.hr_page02 ul li.bemy a{ background:url(http://statics.mymy.tw/open/images/bemyA.png) 0 5px  no-repeat; width:67px;}
.hr_page02 ul li.bemy a:hover { background:url(http://statics.mymy.tw/open/images/bemyB.png) 0 5px  no-repeat;}


.helper {line-height: 21px; padding: 15px 0 30px; margin: 80px auto 0;width: 1000px; overflow:hidden; top:1130px; border-bottom:1px solid #333;border-top:1px solid #333;}
.helper a { color:#707070; line-height:21px; padding:0; display:block; font:12px/1.5 tahoma,arial;}
.helper a:hover { color:#dcdcdc;}
.helper h2 {    font-size: 14px; height: 16px; margin-bottom: 14px; color:#dcdcdc;}
.helper-s1 { float:left; padding:0 20px;}
.helper-s2 { float:left; padding:0 30px;}
.helper-s3 { float:left; padding:0 30px;}
.helper-s4 { float:left; padding:0 40px;}
.helper-s5 { float:left; padding:0 40px;}
.helper-s6 { float:left; width:240px;}
.helper-s6 a { display:inline-block!important; line-height:16px!important; vertical-align:baseline;}
.helper-s6 a.helper-s6_style01 { font-size:14px;}
.helper-s6 a.helper-s6_style02 { font-size:16px; color:#c1c1c1;}

.helper01 {line-height: 21px; padding: 15px 0 30px; margin: 0 auto;width: 1000px; overflow:hidden;}
.helper01 a { color:#707070; line-height:21px; padding:0; display:block; font:12px/1.7 tahoma,arial;}
.helper01 a:hover { color:#dcdcdc;}
.helper01 h2 {    font-size: 12px; height: 16px; margin-bottom: 14px; color:#49868A;}

.footerA { position:relative; overflow:hidden; width:100%; top:830px; padding:30px 0 10px; background-color:#141414;}
.footerB { background-color: #141414; overflow: hidden; padding:5px 0; position: relative; top: 950px; width: 100%;}
.hr_pageA { width:1002px; margin:0 auto; overflow:hidden; position:relative; top:1155px;}
.hr_pageA ul{ line-height:21px;}
.hr_pageA ul li{ float:left; height:30px; font-size:12px; color:#434343;list-style-type:none;}
.hr_pageA ul li a{ color:#333; font-size:12px; line-height:28px; display:block; padding:0 10px; }
.hr_pageA ul li a:hover{ color:#999; text-decoration:underline;}
.hr_pageA ul li.hr_pageA01 a {background:url(http://statics.mymy.tw/open/images/imeA.png) 0 3px no-repeat; width:52px;}
.hr_pageA ul li.hr_pageA01 a:hover {background:url(http://statics.mymy.tw/open/images/imeB.png) 0 3px no-repeat;}
.hr_pageA ul li.hr_pageA02 a { background:url(http://statics.mymy.tw/open/images/mymyA.png) no-repeat; width:95px;}
.hr_pageA ul li.hr_pageA02 a:hover { background:url(http://statics.mymy.tw/open/images/mymyB.png) 0 1px no-repeat;}
.hr_pageA ul li.hr_pageA03 a { background:url(http://statics.mymy.tw/open/images/waxiA.png) no-repeat; width:68px;}
.hr_pageA ul li.hr_pageA03 a:hover { background:url(http://statics.mymy.tw/open/images/waxiB.png) no-repeat;}
.hr_pageA ul li.hr_pageA04 a { background:url(http://statics.mymy.tw/open/images/ggxxA.png) 0 7px no-repeat; width:62px;}
.hr_pageA ul li.hr_pageA04 a:hover { background:url(http://statics.mymy.tw/open/images/ggxxB.png) 0 7px  no-repeat;}
.hr_pageA ul li.hr_pageA05 a { background:url(http://statics.mymy.tw/open/images/qrA.png) no-repeat; width:102px;}
.hr_pageA ul li.hr_pageA05 a:hover { background:url(http://statics.mymy.tw/open/images/qrB.png) no-repeat; }
.hr_pageA ul li.hr_pageA06 a { background:url(http://statics.mymy.tw/open/images/trakieA.png) 0 4px no-repeat; width:94px;}
.hr_pageA ul li.hr_pageA06 a:hover { background:url(http://statics.mymy.tw/open/images/trakieB.png) 0 4px no-repeat;}
.hr_pageA ul li.hr_pageA07 a{ background:url(http://statics.mymy.tw/open/images/mbA.png) 0 7px  no-repeat; width:58px;}
.hr_pageA ul li.hr_pageA07 a:hover { background:url(http://statics.mymy.tw/open/images/mbB.png) 0 7px  no-repeat;}
.hr_pageA ul li.hr_pageA08 a{ background:url(http://statics.mymy.tw/open/images/myappA.png) 0 7px  no-repeat; width:73px;}
.hr_pageA ul li.hr_pageA08 a:hover { background:url(http://statics.mymy.tw/open/images/myappB.png) 0 7px  no-repeat;}
.hr_pageA ul li.hr_pageA09 a{ background:url(http://statics.mymy.tw/open/images/myappA.png) 0 7px  no-repeat; width:73px;}
.hr_pageA ul li.hr_pageA09 a:hover { background:url(http://statics.mymy.tw/open/images/myappB.png) 0 7px  no-repeat;}
.hr_pageA ul li.hr_pageA10 a{ background:url(http://statics.mymy.tw/open/images/myappA.png) 0 7px  no-repeat; width:73px;}
.hr_pageA ul li.hr_pageA10 a:hover { background:url(http://statics.mymy.tw/open/images/myappB.png) 0 7px  no-repeat;}

.hshops { width:1012px; margin:0 auto;  }
.hshopsA { position:absolute; left:0px; top:1120px; }
.hshops li { float:left;width:198px;height:50px; text-align:center;overflow:hidden;margin:1px;background-color: #FFFFFF; }
.hshops li a { text-align:center; }

.topbar{ width:100%; height:73px; background:#1c1c1b}
.mainbanner{ width:100%; height:580px;}
.mainbanner .banner{ width:100%; height:390px; box-shadow:0px 3px 25px rgba(0,0,0,.4); z-index:9999; position:relative; z-index:1}

.Customer{ position:absolute; top:-55px; right:0px; z-index:99}

.w960{ width:960px; margin:0 auto; position:relative;}
.point{ position:absolute; z-index:999; left:495px; top:320px;}
.point ul{ list-style:none}
.point ul li{ display:inline-block; width:21px; height:21px; background:url(../images/point.png) 5px top no-repeat; cursor:pointer;}
.point ul li:hover{ background-position:-22px top}
.point ul li.cur{ background-position:-22px top}


.logo-n{ padding-top:20px; float:left}
.nav-n{ font-size:14px; color:#555; float:left; padding-top:30px; padding-left:40px}
.nav-n a{ color:#CCC;  padding:0 10px;}
.nav-n a:hover{ color:#FFF}
.nav-n a.cur{color:#aac5ff}
.nav-n a.fb_style { color: #FFF; background-color: #3B5998;padding: 3px 8px; }
.nav-n a.open_style { color: #FFF; background-color: #7a0004;padding: 3px 10px;margin:0 10px 0 20px; }
.fc-link{ float:right; padding-top:20px;}
.fc-fb { float: left;margin:10px 0;width:80px;height:22px;overflow:hidden; }
.fc-gg { float: left;margin: 10px 5px; }
.center-b{ width:960px; margin:0 auto; margin-top:20px; position:relative}

.bottomPaner{ width:960px; margin:0 auto; margin-top:40px; overflow:hidden;}
.footlink{ width:660px; float:left}
.footlink dl{ float:left; width:120px;}
.footlink dl dt{ font-size:16px; color:#cfcfcf; font-weight:bold; margin-bottom:15px;}
.footlink dl dd{ font-size:14px; margin-bottom:10px;}
.footlink dl dd a{color:#9b9b9b}
.footlink dl dd a:hover{ color:#FFF}

.footlink2{ width:100%; background:#000; margin-top:30px; padding:25px 0}
.footlink2 ul{ width:960px; margin:0 auto; }
.footlink2 ul li{}

.mymy-buy{ display:inline-block; width:465px; height:148px;  background:url(../images/mymy-btn.png) left top no-repeat; }
.mymy-buy:hover{ background-position:left -155px}
.mymy-free{display:inline-block; width:465px; height:148px;  background:url(../images/mymy-btn.png) right top no-repeat; }
.mymy-free:hover{ background-position:-497px -155px}


.ML20{ margin-left:20px; margin-right:20px;}
.copyright{ width:960px; margin:0 auto; color:#4a4a49; margin-top:10px; height:50px;}
.copyright span.left{ float:left; margin-left:-5px}
.copyright span.left a{ margin:0 5px;}
.copyright span.left a:hover{ color:#666}
.copyright span.right{ float:right; text-align:right}
.copyright span.right i{ color:#333}


.ctBox{ width:100%; background:#181818; padding-top:40px; padding-bottom:20px; border-bottom:1px solid #222222;overflow: hidden;}
.titName{ font-family:"Microsoft yahei", Arial, Helvetica, sans-serif,"微軟正黑體"; line-height:43px; font-size:20px; width:960px; margin:0 auto; margin-bottom:20px; color:#FFF}