body {
 text-align: center;
 color: #505050;
 font-family: Arial, sans-serif;
 line-height: 1.4;
 background:#fff url(images/body_bg1.gif) repeat-x left top;
 }

body, form, input { margin:0; padding:0; }
body, td, input, select, textarea { font-family: STHeiti, '微軟正黑體', "Microsoft JhengHei", "LiHei Pro Medium", pmingliu, Arial, sans-serif; font-size: 24px; }
img { border: 0px; }

/********************************************/

a { color:#333333; text-decoration: none; }
a:hover { color:#ef468b; text-decoration: none; }

h1.first { display:none; }

.clear { clear:both; *display:inline; }
.center { text-align:center; }
.nodata { padding:15px 0; text-align:center; }

.clearfix:after {
 content: ".";
 display: block;
 height:0; 
 clear:both;
 visibility:hidden;  
}
.clearfix { display:block; }
/* backslashes hack hides from IE Mac \*/
* html .clearfix { height:1%; }
/* end backslashes hack */

/*** LINE ***/
.mh3 { height:3px; overflow:hidden; }
.mh5 { height:5px; overflow:hidden; }
.mh8 { height:8px; overflow:hidden; }
.mh10 { height:10px; overflow:hidden; }
.mh15 { height:15px; overflow:hidden; }
.mh20 { height:20px; overflow:hidden; }

.lineType1 { background-color:#7d7d7d; height:1px; overflow:hidden; }
.lineType2 { background-color:#e5e5e5; height:1px; overflow:hidden; }
.lineType3 { background-color:#535353; height:1px; overflow:hidden; }
.lineType4 { background:url(images/line_dot1.gif) repeat-x left top; height:1px; overflow:hidden; }
.lineType5 { background-color:#cacaca; height:1px; overflow:hidden; }

/********************************************/

#bodydoc { text-align:left; width:640px; margin:0 auto; overflow:hidden; position:relative; background-color:#fff; }
#bodydoc div { max-height: 999999px; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; }

.menuoverlay {
 background-color: #000;
 position:absolute;
 top:0;
 left:0;
 z-index:199;
}
.tlsmenu { width:500px; background-color:#ffffff; min-height:600px; position:absolute; top:0; left:-500px; z-index:200; }
.tlsmenu .tr1 { background-color:#1b1b1b; color:#ababab; }
.tlsmenu .tr1 .ii { padding:20px 0; padding-left:22px; }
.tlsmenu .tr1 .close { cursor:pointer; }
.tlsmenu .tr1 .close img { vertical-align:-7px; }

.tlsmenu .tr2 .utit { background-color:#000000; color:#fff; font-size:28px; font-weight:bold; }
.tlsmenu .tr2 .utit .ii { padding:20px; }
.tlsmenu .tr2 .utit .ii .t1 { float:left; }
.tlsmenu .tr2 .utit .ii .t2 { float:right; }
.tlsmenu .tr2 .utit .ii .t2 a { color:#f4468a; }
.tlsmenu .tr2 .utit .ii .t2 a:hover { color:#ffff00; }
.tlsmenu .tr2 .utit .ii .t2 img { vertical-align:-5px; }
.tlsmenu .tr2 .mlist { padding:10px 0; }
.tlsmenu .tr2 .mlist .item { padding:15px 0; color:#777777; font-size:28px; font-weight:bold; }
.tlsmenu .tr2 .mlist .item .ii { padding-left:20px; padding-right:10px; }
.tlsmenu .tr2 .mlist .item a { color:#777777; display:block; width:100%; }
.tlsmenu .tr2 .mlist .item a:hover { color:#ef468b; }

.floatmenu { width:100%; height:96px; position:fixed; bottom:0; left:0; background-color:#f4468a; z-index:600; }
.floatmenu .menu { width:640px; margin:0 auto; padding-top:8px; }
.floatmenu .menu .ii { padding-left:16px; }
.floatmenu .menu .item { float:left; }
.floatmenu .menu .sp { float:left; width:32px; }


.container { }
.container .toparea { width:640px; height:100px; position:relative; background-color:#000; }
.container .toparea .toparea_ii { padding-top:10px; }
.container .toparea .menu { float:left; width:200px; text-align:left; }
.container .toparea .menu .ii { padding-left:25px; }
.container .toparea .logo { float:left; width:240px; text-align:center; }

/*** main area ***/

.main { min-height:300px; }

.main .homebnr { width:640px; height:840px; position:relative; background-color:#3f3f3f; }
.main .homebnr .prev { position:absolute; top:390px; left:15px; z-index:10; }
.main .homebnr .next { position:absolute; top:390px; right:15px; z-index:10; }
.main .homebnr .list .img { display:table-cell; text-align:center; vertical-align:middle; width:640px; height:840px; }
.main .homebnr .list .img * { vertical-align:middle; }

.main .mlink_o { background:#000 url(images/img_bk1.jpg) repeat-y center top; }
.main .mlink { width:570px; margin:0 auto; padding:50px 0 32px; }

.main .mlink .marquee { width:570px; padding-bottom:6px; border-bottom:2px solid #f4468a; }
.main .mlink .marquee .td1 { width:200px; float:left; padding:6px 0; }
.main .mlink .marquee .td2 { width:370px; overflow:hidden; }
.main .mlink .marquee table { border-collapse:collapse; }
.main .mlink .marquee table td { color:#eee; white-space:nowrap; vertical-align:middle; }
.main .mlink .marquee table td.length { padding-left:300px; }
.main .mlink .marquee table a { color:#fff; }
.main .mlink .marquee table a:hover { color:#ffff00; }

.main .mlink .homelink { padding-top:14px; text-align:center; }
.main .mlink .homelink .item { margin-bottom:20px; }
.main .mlink .homelink img { max-width:570px; }

.main .mprod_o { background:#e8e8e8 url(images/img_bk2.jpg) repeat-y center top; }
.main .mprod { padding-bottom:20px; padding-top:50px; }
.main .mprod .mtit { width:550px; margin:0 auto; margin-bottom:40px; font-size:34px; color:#000; font-weight:bold; border-bottom:2px solid #f4468a; padding-bottom:3px; }
.main .mprod .list { padding-top:2px; clear:left; }
.main .mprod .list .item { width:230px; float:left; background-color:#fff; margin:0 45px; margin-bottom:40px; }
.main .mprod .list .item .pic { text-align:center; width:230px; }
.main .mprod .list .item .pic .img { display:table-cell; width:230px; height:230px; vertical-align:middle; }
.main .mprod .list .item .pic .img * { vertical-align:middle; }
.main .mprod .list .item .info { padding:10px; font-size:22px; font-weight:bold; }
.main .mprod .list .item .info .price { margin-top:10px; color:#ed468b; }                               

.main .topnav_title { background-color:#ededed; height:94px; border-bottom:2px solid #f4468a; }
.main .topnav_title .tit { text-align:center; font-size:36px; line-height:94px; color:#000; }

.main .page { padding:20px 10px; text-align:center; background-color:#ededed; font-weight:bold; }
.main .page .now { color:#f4468a; }
.main .page .prev { vertical-align:-12px; }
.main .page .next { vertical-align:-12px; }

.main .mod_title { height:97px; background-color:#7d7d7d; }
.main .mod_title .tit { padding-left:28px; padding-top:31px; }

.main .mod_title2 { height:97px; background-color:#ededed; border-bottom:2px solid #f4468a; }
.main .mod_title2 .tit { padding-left:20px; padding-top:31px; }

.main .datahtml { padding:20px; width:600px; overflow:hidden; }
.main .datahtml img { max-width:600px; }

.main .topnav_btn { background-color:#fff; height:90px; }
.main .topnav_btn .ii { padding-top:32px; padding-left:26px; }

.main .qa .cls .item { padding:20px 30px; font-size:26px; font-weight:bold; }
.main .qa .cls .item a { color:#000; display:block; }
.main .qa .cls .item a:hover { color:#ef468b; }

.main .qa .list .item { }
.main .qa .list .item .subject { padding:15px 20px; }
.main .qa .list .item .subject .ii { padding-left:34px; padding-right:34px; background:url(images/icon_qa_i2.gif) no-repeat right center; }
.main .qa .list .item .subject div.now { background:url(images/icon_qa_i1.gif) no-repeat right center; }
.main .qa .list .item .subject .ii span.icon { display:inline-block; margin-left:-24px; vertical-align:-8px; position:relative; left:-10px; }
.main .qa .list .item .subject a { display:inline-block; width:100%; }
.main .qa .list .item .desc { display:none; }
.main .qa .list .item .desc .desctxt { padding:15px 20px; background-color:#fdfff1; }

.main .news .list .item { padding:20px; }
.main .news .list .item .td1 { font-size:24px; }
.main .news .list .item .td1 a { color:#f44588; }
.main .news .list .item .td1 a:hover { color:#ef468b; }
.main .news .list .item .td2 { color:#8f8f8f; font-size:20px; }
.main .news .list .item .td2 .ii { padding-top:5px; }

.main .news .detail .subject { color:#f44588; font-size:24px; padding:16px 20px 0; }
.main .news .detail .pdate { color:#8f8f8f; font-size:20px; padding:10px 20px 20px; }
.main .news .detail .desc { padding:20px 20px; width:600px; overflow:hidden; }
.main .news .detail .desc img { max-width:600px; }

.main .course .list .item { padding:20px; }
.main .course .list .item .td1 { font-size:24px; }
.main .course .list .item .td1 a { color:#9f50ab; }
.main .course .list .item .td1 a:hover { color:#ef468b; }
.main .course .list .item .td2 { color:#8f8f8f; font-size:20px; }
.main .course .list .item .td2 .ii { padding-top:5px; }

.main .course .detail { padding:20px 20px; }
.main .course .detail .subject { color:#9f50ab; font-size:24px; margin-bottom:20px; }
.main .course .detail .price span { color:#9f50ab; font-size:24px; }
.main .course .detail .ctbtn { margin:20px 0 10px; }
.main .course .detail .desc { width:600px; overflow:hidden; padding:20px 0; }
.main .course .detail .desc img { max-width:600px; }

.main .course .cal { width:600px; font-size:16px; line-height:normal; margin-bottom:20px; background-color:#ededed; padding:20px; }
.main .course .cal .b2_body { width:100%; height:84px; background:url(images/cal_bg1.jpg) no-repeat left top; }

.main .course .cal .tb_nav { width:600px; position:relative; text-align:center; line-height:84px; color:#fff; font-weight:bold; margin-bottom:2px; font-size:32px; }
.main .course .cal .tb_nav .cal_prev { position:absolute; top:0; left:0; }
.main .course .cal .tb_nav .cal_next { position:absolute; top:0; right:0; }

.main .course .cal .tb_content { width:600px; overflow:hidden; }
.main .course .cal .tb_content table { width:600px; border-collapse:collapse; border:0 none; } 
.main .course .cal .tb_content tr { width:600px; border-bottom:2px solid #ededed; }
.main .course .cal .tb_content tr th.title { border-right:text-align:center; background-color:#000; color:#fff; font-weight:bold; font-size:22px; text-align:center; padding:10px 0; }
.main .course .cal .tb_content tr .td { padding:0; }
.main .course .cal .tb_content tr .td { background-color:#fff; width:84px; border-right:2px solid #ededed; vertical-align:top; font-size:22px; line-height:normal; word-break:break-all; text-align:center; }
.main .course .cal .tb_content tr .td .num { color:#919191; font-weight:bold; font-size:30px; }
.main .course .cal .tb_content tr .td .num .ii { padding:15px 0; }
.main .course .cal .tb_content tr .td a { color:#f5468b; display:block; padding:15px 0; }
.main .course .cal .tb_content tr .td a:hover { color:#f50000; }
.main .course .cal .tb_content tr .today .num { text-decoration:underline; }
.main .course .cal .tb_content table .tr .w0 { width:83px; } 
.main .course .cal .tb_content table .tr .w6 { width:83px; border-right:0 none; }
.main .course .cal .tb_content table .tr td.w0 {background-color:#fff0f5; }
.main .course .cal .tb_content table .tr td.w6 {background-color:#fff0f5; }
.main .course .linklist { margin:20px 20px 50px; }
.main .course .linklist .daylist { margin-bottom:30px; }
.main .course .linklist .daytxt { color:#808080; }
.main .course .linklist .item { margin:10px 0; }
.main .course .linklist .item a { color:#f44588; }
.main .course .linklist .item a:hover { color:#f50000; }

.main .teacher .list { padding-bottom:30px; }
.main .teacher .list .areaname { padding:20px; font-size:30px; color:#f44588; }
.main .teacher .list .tlist { width:550px; overflow:hidden; margin:30px auto 10px; }
.main .teacher .list .tlist .tlist_ii { width:640px; }
.main .teacher .list .tlist .item { width:230px; float:left; margin-right:90px; margin-bottom:20px; }
.main .teacher .list .tlist .item .inner { text-align:center; }
.main .teacher .list .tlist .item .name { margin-top:10px; }
										    
.main .teacher .detail .title { margin:15px 20px 30px; }
.main .teacher .detail .title .name { font-size:36px; margin-bottom:15px; }
.main .teacher .detail .title .cls { font-size:20px; color:#f4468a; }
.main .teacher .detail .content { margin:20px; padding-bottom:20px; }

.main .store .cls { padding:20px 30px; }
.main .store .cls select { font-size:22px; border:1px solid #ccc; background-color:#fff; }
.main .store .list .bgcol0 { background-color:#fdfff1; }
.main .store .list .item { padding:20px 30px; }
.main .store .list .item .name { color:#0195c3; padding-bottom:3px; }

.main .wanted .list { padding-top:10px; }
.main .wanted .list table { width:100%; border:0 none; border-collapse:collapse; }
.main .wanted .list table th { font-size:18px; text-align:center; color:#7e7e7e; padding:10px 2px; }
.main .wanted .list table td { font-size:18px; padding:10px 3px; }
.main .wanted .list table td.line { padding:0; }
.main .wanted .list table .bgcol0 td { background-color:#fdfff1; }
.main .wanted .list table .td1 { width:24%; text-align:center; color:#000; }
.main .wanted .list table .td2 { width:18%; text-align:center; }
.main .wanted .list table .td3 { width:24%; text-align:center; }
.main .wanted .list table .td4 { text-align:left; padding-right:6px; }

.main .member .article .article_text { width:600px; margin:0 auto; overflow:hidden; }
.main .member .article .watch { color:#ce44e2; padding:20px; }

.main .member .chgpass .form table { width:auto; margin:0 auto; }
.main .member .chgpass .form table td.title { width:130px; }

.main .member .form { width:620px; margin:0 auto; }
.main .member .form table { width:100%; border-collapse:collapse; }
.main .member .form table td { padding:0; }
.main .member .form table td.title { width:140px; text-align:right; vertical-align:top; white-space:nowrap; }
.main .member .form table td.ftxt .dtxt { color:#afafaf; }
.main .member .form table td.ftxt span.noibg { display:inline-block; padding-top:8px; }
.main .member .form table td.ftxt span.ibg { display:inline-block; border:1px solid #d5d5d5; vertical-align:middle; padding:8px; }
.main .member .form table td.ftxt span.ibg2 { display:inline-block; border:1px solid #d5d5d5; vertical-align:top; padding:8px; }
.main .member .form table td.ftxt span.ibg3 { display:inline-block; border:1px solid #d5d5d5; vertical-align:middle; padding:8px; }
.main .member .form table td.ftxt span.tx_bg { display:inline-block; border:1px solid #d5d5d5; vertical-align:top; padding:8px; }
.main .member .form table td.ftxt input.text { border:0 none; padding:0; margin:0; background-color:#fff; }
.main .member .form table td.ftxt input.text1 { border:0 none; padding:0; width:180px; margin:0; background-color:#fff; }
.main .member .form table td.ftxt input.text2 { border:0 none; padding:0; width:300px; margin:0; background-color:#fff; }
.main .member .form table td.ftxt input.text3 { border:0 none; padding:0; width:456px; margin:0; background-color:#fff; }

.main .member .form table td.ftxt select { border:0 none; padding:0; margin:0; font-size:22px; height:30px; background-color:#fff; }
.main .member .form table td.ftxt input.postno { border:0 none; padding:0; width:102px; margin:0; height:30px; background-color:#fff; }
.main .member .form table td.ftxt input.addr { border:0 none; padding:0; width:456px; margin:0; background-color:#fff; }
.main .member .form table td.ftxt textarea { border:0 none; padding:0; margin:0; width:456px; }
.main .member .form table td.ftxt .codeicon { vertical-align:-8px; }
.main .member .form table td.ftxt a.codelink { color:#505050; vertical-align:-3px; }
.main .member .form table td.ftxt a.codelink:hover { color:#ef468b; }

.main .member .login { min-height:600px; }
.main .member .login .form { padding:40px 0 60px; }
.main .member .login .form table { width:100%; margin:0 auto; border-collapse:collapse; border:0 none; }
.main .member .login .form table td { padding:0; }
.main .member .login .form table .title { width:110px; text-align:right; vertical-align:top; }
.main .member .login .form table .title div { padding-right:14px; padding-top:8px; }
.main .member .login .form table .ftxt { text-align:left; padding-bottom:20px; }
.main .member .login .form table .ftxt span.ibg { display:inline-block; border:1px solid #d5d5d5; vertical-align:middle; padding:8px; }
.main .member .login .form table .ftxt input.text1 { width:490px; padding:0; margin:0; border:0 none; background-color:#fff; }
.main .member .login .form table .ftxt input.confirm { width:150px; padding:0; margin:0; border:0 none; background-color:#fff; }
.main .member .login .form table .ftxt img.img { vertical-align:top; }
.main .member .login .form table .ftxt2 { text-align:right; color:#333; font-size:24px; }
.main .member .login .form table .ftxt2 a { color:#000; }
.main .member .login .form table .ftxt2 a:hover { color:#ef468b; }
.main .member .login .form table .ftxt2 .btn { padding-top:30px; padding-bottom:20px; }
.main .member .login .form table .ftxt3 { text-align:right; color:#f4468a; font-size:28px; padding-top:20px; }
.main .member .login .form table .ftxt3 a { color:#f4468a; }
.main .member .login .form table .ftxt3 a:hover { color:#ff3300; }

.main .member .forget { padding:30px 0 50px; }
.main .member .forget .form { padding:60px 0 60px; }
.main .member .forget .form table { margin:0 auto; }
.main .member .forget .form table .title { width:150px; text-align:right; vertical-align:top; }
.main .member .forget .form table .title span { color:#f9458c; }
.main .member .forget .form table .ftxt { text-align:left; }
.main .member .forget .form table .ftxt span.ibg { display:inline-block; border:1px solid #d5d5d5; vertical-align:middle; padding:8px; }
.main .member .forget .form table .ftxt input.text1 { width:400px; padding:0; margin:0; border:0 none; background-color:#fff; }

.main .member .memarea .menu .item { padding:20px 30px; font-size:26px; font-weight:bold; }
.main .member .memarea .menu .item a { color:#000; display:block; }
.main .member .memarea .menu .item a:hover { color:#ef468b; }

.main .member .mempoint .meminfo { padding:20px; }
.main .member .mempoint .meminfo span { font-weight:bold; color:#ed468b; }
.main .member .mempoint table.list { width:100%; }
.main .member .mempoint table.list th { padding:10px 3px; color:#7d7d7d; text-align:center; font-size:20px; }
.main .member .mempoint table.list th.f2 { text-align:left; }
.main .member .mempoint table.list td { padding:10px 3px; font-size:20px; }
.main .member .mempoint table.list td.line { padding:0; }
.main .member .mempoint table.list td.f2 { text-align:left; }
.main .member .mempoint table.list td .num { color:#ed468b; }
.main .member .mempoint table.list .bgcol0 td { background-color:#fff0f5; }

.main .memtrace table { width:100%; border:0 none; border-collapse:collapse; }
.main .memtrace table th { padding:15px 3px; color:#7d7d7d; text-align:center; }
.main .memtrace table th.th1 { text-align:left; }
.main .memtrace table th.th1 .ii { padding-left:20px; }
.main .memtrace table td { padding:10px 3px; vertical-align:middle; }
.main .memtrace table td.line { padding:0; }
.main .memtrace table .td1 { width:166px; text-align:center; vertical-align:top; }
.main .memtrace table .td2 { text-align:left; font-weight:bold; }
.main .memtrace table .td2 .name { }
.main .memtrace table .td2 .price { color:#f0458b; }
.main .memtrace table .td3 { width:80px; text-align:center; }
.main .memtrace table .bgcol0 td { background-color:#fdfff1; }

.main .product .clslist .item { height:97px; background-color:#7d7d7d; font-size:26px; font-weight:bold; }
.main .product .clslist .item .ii { padding-left:28px; padding-top:31px; }
.main .product .clslist .item a { color:#fff; display:block; }
.main .product .clslist .item a:hover { color:#ffff88; }
.main .product .clslist .subitem { padding:20px 30px; font-size:26px; font-weight:bold; }
.main .product .clslist .subitem a { color:#000; display:block; }
.main .product .clslist .subitem a:hover { color:#ef468b; }

.main .product .search { width:570px; margin:50px auto; }
.main .product .search .input { border:1px solid #d4d4d4; height:58px; }
.main .product .search .input .text { float:left; height:48px; padding:5px 0 5px 20px; width:480px; border:0 none; }
.main .product .search .input .btn { float:right; }

.main .product .list { width:640px; background-color:#ededed; }
.main .product .list .item { width:320px; float:left; }
.main .product .list .item .inner { padding:20px 45px 20px; }

.main .product .list .item .pic { width:230px; height:230px; margin:0 auto; background-color:#fff; }
.main .product .list .item .pic .img {
 width:230px;
 height:230px;
 text-align:center;
 display:table-cell;
 vertical-align:middle;
 }
.main .product .list .item .pic .img * { vertical-align:middle; }
.main .product .list .item .pic .img span.maxh { *display:inline; *height:100%; }
.main .product .list .item .info { width:230px; background-color:#fff; }
.main .product .list .item .info .info_i { padding-top:15px; text-align:center; }
.main .product .list .item .info .desc { color:#8f79aa; }
.main .product .list .item .info .name { font-weight:bold; }
.main .product .list .item .info .price { padding:10px 0; }
.main .product .list .item .info .price .now { color:#ed468b; }

.main .product .detail { background-color:#ededed; }
.main .product .detail .pimg { position:relative; }
.main .product .detail .pimg .big { width:640px; text-align:center; }
.main .product .detail .pimg .big .img img { max-width:640px; }
.main .product .detail .pimg .prev { position:absolute; top:50%; left:10px; z-index:20; margin-top:-25px; }
.main .product .detail .pimg .next { position:absolute; top:50%; right:10px; z-index:20; margin-top:-25px; }
.main .product .detail .pinfo { width:580px; margin:0 auto 30px; }
.main .product .detail .pinfo .pname { padding-top:20px; color:#000; font-size:30px; padding-bottom:10px; border-bottom:2px solid #f4468a; margin-bottom:10px; }
.main .product .detail .pinfo .lsdesc { color:#8f79aa; margin:10px 0; }
.main .product .detail .pinfo .pdepict { padding:20px 0; }

.main .product .detail .pinfo #ProductPrice { margin-bottom:20px; }
.main .product .detail .pinfo #ProductPrice .sp1 { font-size:22px; }
.main .product .detail .pinfo #ProductPrice .sp1 .price1 { color:#7c7c7c; }
.main .product .detail .pinfo #ProductPrice .sp1 .price2 { color:#ed468b; }
.main .product .detail .pinfo #ProductPrice .sp1 .price2 span { font-size:30px; font-weight:bold; }
.main .product .detail .pinfo #ProductPrice .sp2 label { color:#ed468b; }
.main .product .detail .pinfo #ProductPrice .sp2 span { font-size:30px; font-weight:bold; color:#ed468b; }
.main .product .detail .pinfo #ProductPrice .sp2 a { color:#ed468b; }
.main .product .detail .pinfo #ProductPrice .sp2 a:hover { color:#fe4800; }
.main .product .detail .pinfo #ProductPrice .sp3 .price3 { color:#ed468b; }
.main .product .detail .pinfo #ProductPrice .sp3 .price3 span { font-size:30px; font-weight:bold; }
.main .product .detail .pinfo #ProductStyleOpt { padding-bottom:20px; font-size:22px; }
.main .product .detail .pinfo #ProductStyleOpt .colorlist { float:left; white-space:nowrap; }
.main .product .detail .pinfo #ProductStyleOpt .sizelist { float:left; padding-left:20px; white-space:nowrap; }
.main .product .detail .pinfo select { border:1px solid #ccc; font-size:22px; background-color:#fff; padding:15px; }
.main .product .detail .pinfo .putcart .selnum { padding-bottom:20px; font-size:22px; }
.main .product .detail .pinfo .putcart .notice { color:#bb0000; font-weight:bold; }
.main .product .detail .pinfo .putcart .cartbtn { float:left; margin-top:15px; }
.main .product .detail .pinfo .putcart .btn3 { margin-left:32px; }

.main .product .detail .dmenu .item { float:left; padding:10px 15px; font-size:26px; background-color:#9198a0; color:#fff; margin-right:1px; }
.main .product .detail .dmenu .inow { background-color:#000; }
.main .product .detail .dcontent { background-color:#fff; }
.main .product .detail .dcontent .pdesc { width:600px; overflow:hidden; padding:20px 20px 30px; }
.main .product .detail .dcontent .pdesc img { max-width:600px; }

.main .product .detail .assoc_prod { margin-top:40px; }
.main .product .detail .assoc_prod .assoc_title { text-align:center; margin-bottom:30px; color:#000; font-size:32px; }
.main .product .detail .assoc_prod .assoc_list .item { width:230px; float:left; margin:0 45px; }
.main .product .detail .assoc_prod .assoc_list .item .pic { width:230px; height:230px; margin:0 auto; background-color:#fff; }
.main .product .detail .assoc_prod .assoc_list .item .pic .img {
 width:230px;
 height:230px;
 text-align:center;
 display:table-cell;
 vertical-align:middle;
 }
.main .product .detail .assoc_prod .assoc_list .item .pic .img * { vertical-align:middle; }
.main .product .detail .assoc_prod .assoc_list .item .pic .img span.maxh { *display:inline; *height:100%; }
.main .product .detail .assoc_prod .assoc_list .item .info { width:230px; background-color:#fff; }
.main .product .detail .assoc_prod .assoc_list .item .info .info_i { padding-top:15px; text-align:center; }
.main .product .detail .assoc_prod .assoc_list .item .info .pdesc { color:#8f79aa; }
.main .product .detail .assoc_prod .assoc_list .item .info .pname { font-weight:bold; }
.main .product .detail .assoc_prod .assoc_list .item .info .price { padding:10px 0; color:#ed468b; }

.main .product .specset .tr1 .td1 { padding:20px 0; font-size:18px; }
.main .product .specset .tr1 .td1 .tit { font-weight:bold; color:#000; font-size:22px; }
.main .product .specset .tr1 .td1 .count span { font-weight:bold; color:#ef468b; font-size:22px; }
.main .product .specset .tr1 .td2 { padding:20px 0; text-align:center; }
.main .product .specset .tr2 { padding-bottom:30px; }
.main .product .specset .tr2 .td2 { padding:20px 0; text-align:center; }

.main .product .setlist { width:640px; background:url(images/plist_bg1.gif) repeat-y 319px 0; }
.main .product .setlist .item { width:320px; float:left; }
.main .product .setlist .item .inner { padding:20px 18px 25px; }
.main .product .setlist .bgcol0 { }

.main .product .setlist .item .pic { width:230px; height:230px; margin:0 auto; }
.main .product .setlist .item .pic .img {
 width:230px;
 height:230px;
 text-align:center;
 display:table-cell;
 vertical-align:middle;
 }
.main .product .setlist .item .pic .img * { vertical-align:middle; }
.main .product .setlist .item .pic .img span.maxh { *display:inline; *height:100%; }
.main .product .setlist .item .info { width:284px; }
.main .product .setlist .item .info .info_i { padding-top:15px; text-align:center; }
.main .product .setlist .item .info .pname { padding:6px 0; }
.main .product .setlist .item .info .price { padding-bottom:6px; color:#ef468b; }
.main .product .setlist .item .info .sel select { border:1px solid #ccc; font-size:22px; background-color:#fff; }

.main .order { width:640px; }
.main .order .cartlist { padding-top:10px; }
.main .order .cartlist #ProductCartArea { }
.main .order .cartlist table.list { width:100%; }
.main .order .cartlist table.list th { text-align:center; padding:8px 2px; color:#7d7d7d; font-size:22px; }
.main .order .cartlist table.list .th1 { }
.main .order .cartlist table.list .th2 { text-align:left; padding-left:8px; }
.main .order .cartlist table.list .th2 .ii2 { padding-left:10px; }
.main .order .cartlist table.list .th3 { width:100px; }
.main .order .cartlist table.list .th4 { width:100px; }
.main .order .cartlist table.list .th5 { width:90px; }
.main .order .cartlist table.list .th6 { width:60px; }
.main .order .cartlist table.list .th7 { width:80px; }
.main .order .cartlist table.list .th8 { width:100px; }
.main .order .cartlist table.list .bgcol0 { background-color:#fff0f5; }
.main .order .cartlist table.list td { padding:8px 2px; text-align:center; font-size:22px; }
.main .order .cartlist table.list td.group { font-weight:bold; text-align:left; padding-left:8px; color:#000; }
.main .order .cartlist table.list td.group .ii2 { padding-left:10px; }
.main .order .cartlist table.list td.prod { text-align:left; color:#333; padding-left:8px; }
.main .order .cartlist table.list td.prod .ii2 { padding-left:10px; }
.main .order .cartlist table.list td.prod .prefix { color:#0196c1; }
.main .order .cartlist table.list td.prod .pstyle { color:#0295c0; }
.main .order .cartlist table.list td.line { padding:0; }
.main .order .cartlist table.list td.price { color:#ec4688; }
.main .order .cartlist table.list td span.price { color:#ec4688; }
.main .order .cartlist table.list td.num select { border:1px solid #ccc; font-size:22px; background-color:#fff; }
.main .order .cartlist table.list td.info { text-align:right; padding:8px 10px; }
.main .order .cartlist table.list td.info .note { padding:5px 0; }
.main .order .cartlist table.list td.info span.num { font-weight:bold; color:#333; }
.main .order .cartlist table.list td.info span.fg1 { font-weight:bold; color:#cc45e3; }
.main .order .cartlist table.list td.info span.fg3 { font-weight:bold; color:#ec4688; }
.main .order .cartlist table.list td.info .note input { border:1px solid #ccc; padding:3px 1px; font-size:22px; background-color:#fff; }
.main .order .cartlist table.list td.info .note input.bin { width:40px; }
.main .order .cartlist table.list td.info .fulldraft { padding:0; }

.main .order .cartinfo table { width:100%; margin:0 auto; border:0 none; border-collapse:collapse; }
.main .order .cartinfo table td { padding:6px 0; }
.main .order .cartinfo table .spec2 { width:150px; text-align:right; white-space:nowrap; vertical-align:top; padding-left:8px; }
.main .order .cartinfo table .data2 { color:#000000; padding-right:8px; }
.main .order .cartinfo table .data2 textarea { width:450px; }
.main .order .cartinfo textarea { border:1px solid #ccc; padding:1px; }

.main .order .cartlist table.list2 { width:100%; border:0 none; border-collapse:collapse; }
.main .order .cartlist table.list2 th { padding:10px 3px; text-align:center; color:#7d7d7d; }
.main .order .cartlist table.list2 td { padding:14px 3px; text-align:center; }
.main .order .cartlist table.list2 tr.bgcol0 { background-color:#fff0f5; }
.main .order .cartlist table.list2 td.td2 .tt { color:#ff6f49; text-decoration:underline; }
.main .order .cartlist table.list2 td.td3 { font-weight:bold; color:#ec4688; }
.main .order .cartlist table.list2 td.line { padding:0; }

.main .order .cartlist .fullgift .full_tit { text-align:center; padding:10px 0 10px; }
.main .order .cartlist .fullgift .full_list { width:640px; background:url(images/plist_bg1.gif) repeat-y 319px 0; }
.main .order .cartlist .fullgift .full_list .item { width:320px; float:left; }
.main .order .cartlist .fullgift .full_list .item .inner { padding:20px 18px 20px; }

.main .order .cartlist .fullgift .full_list .chk { text-align:center; padding-bottom:5px; }
.main .order .cartlist .fullgift .full_list .item .pic { width:136px; height:136px; margin:0 auto; }
.main .order .cartlist .fullgift .full_list .item .pic .img {
 width:136px;
 height:136px;
 text-align:center;
 display:table-cell;
 vertical-align:middle;
 }
.main .order .cartlist .fullgift .full_list .pic .img * { vertical-align:middle; }
.main .order .cartlist .fullgift .full_list .pic .img span.maxh { *display:inline; *height:100%; }
.main .order .cartlist .fullgift .full_list .item .info { width:284px; }
.main .order .cartlist .fullgift .full_list .item .info .info_i { padding-top:15px; text-align:center; font-size:20px; }
.main .order .cartlist .fullgift .full_list .item .info .style { padding-top:10px; }
.main .order .cartlist .fullgift .full_list .item .info select { border:1px solid #ccc; font-size:20px; background-color:#fff; }

.main .order .form { width:640px; }
.main .order .form .order_title { padding-bottom:15px; color:#8f98a1; text-align:center; }
.main .order .form table { width:600px; border-collapse:collapse; margin:0 auto; }
.main .order .form table td { padding:0; }
.main .order .form table td.title { width:120px; text-align:right; vertical-align:top; }
.main .order .form table td.title div { padding-right:14px; padding-top:8px; }
.main .order .form table td.ftxt span.noibg { display:inline-block; padding-top:8px; }
.main .order .form table td.ftxt span.ibg { display:inline-block; border:1px solid #d5d5d5; vertical-align:middle; padding:8px; }
.main .order .form table td.ftxt span.ibg2 { display:inline-block; border:1px solid #d5d5d5; vertical-align:top; padding:8px; }
.main .order .form table td.ftxt span.ibg3 { display:inline-block; border:1px solid #d5d5d5; vertical-align:middle; padding:8px; }
.main .order .form table td.ftxt span.tx_bg { display:inline-block; border:1px solid #d5d5d5; vertical-align:top; padding:8px; }
.main .order .form table td.ftxt input.text { border:0 none; padding:0; margin:0; background-color:#fff; }
.main .order .form table td.ftxt input.text1 { border:0 none; padding:0; width:180px; margin:0; background-color:#fff; }
.main .order .form table td.ftxt input.text2 { border:0 none; padding:0; width:300px; margin:0; background-color:#fff; }
.main .order .form table td.ftxt input.text3 { border:0 none; padding:0; width:456px; margin:0; background-color:#fff; }

.main .order .form table td.ftxt select { border:0 none; padding:0; margin:0; font-size:22px; height:30px; background-color:#fff; }
.main .order .form table td.ftxt input.postno { border:0 none; padding:0; width:102px; margin:0; height:30px; background-color:#fff; }
.main .order .form table td.ftxt input.addr { border:0 none; padding:0; width:456px; margin:0; background-color:#fff; }
.main .order .form table td.ftxt textarea { border:0 none; padding:0; margin:0; width:456px; background-color:#fff; }
.main .order .form table td.ftxt .codeicon { vertical-align:-8px; }
.main .order .form table td.ftxt a.codelink { color:#ff9500; vertical-align:-3px; }
.main .order .form table td.ftxt a.codelink:hover { color:#ff3300; }

.main .order .form div.field ul.list { list-style:none outside; margin:0 30px 0 30px; padding:0; color:#333; line-height:1.8; }
.main .order .form div.field ul.list li.item { float:left; display:inline; }
.main .order .form div.field ul.list li.item label { color:#f4468a; }
.main .order .form div.field ul.list li.pp { float:right; display:inline; }
.main .order .form div.field ul.list li.pp .fg3 { color:#ff3131; }
.main .order .form div.field ul.list input.rdio { vertical-align:1px; }
.main .order .form div.field ul.list li.desc { margin-left:40px; color:#535353; padding:3px 0 0; line-height:1.4; clear:both; }

.main .order .form div.field { padding-bottom:15px; }
.main .order .form div.field .title { float:left; width:160px; text-align:right; color:#f4468a; }
.main .order .form div.field .title div { padding-right:5px; }
.main .order .form div.field .ftxt { float:left; width:480px; }

.main .order .success { width:600px; margin:0 auto; }
.main .order .success .html { padding:20px 0 35px; width:600px; overflow:hidden; }
.main .order .success .html img { max-width:600px; }

.main .order .ordererror { width:600px; margin:0 auto; }
.main .order .ordererror .note { padding-bottom:15px; }
.main .order .ordererror .txt .protxt { color:#df0000; margin-top:1em; margin-left:2em; margin-bottom:1em; }

.main .order .return .form table td.ftxt input.text3 { width:440px; }
.main .order .return .form table td.ftxt textarea { width:440px; }

.main .gbook .btninfo { padding:20px 0 20px; margin:0 20px; }
.main .gbook .btninfo img { vertical-align:-5px; }
.main .gbook .list { width:600px; margin:0 auto; }
.main .gbook .list .item { border:2px solid #91989f; width:598px; position:relative; }
.main .gbook .list .item .ghead { padding:10px 20px; color:#000; }
.main .gbook .list .item .ghead .title { color:#f4468a; }
.main .gbook .list .item .gcontent { padding:10px 20px; }
.main .gbook .list .item .reply_title { padding:10px 20px; color:#9f174b; }
.main .gbook .list .item .reply_content { padding:10px 20px; }
.main .gbook .list .item .bgarr { position:absolute; right:30px; bottom:-16px; }

.main .contact .welcome { margin-top:20px; }

.main .welcome { width:600px; margin:0 auto; padding:10px 0; }
.main .form { width:100%; }
.main .form table { width:100%; border-collapse:collapse; }
.main .form table td { padding:0; }
.main .form table td.title { width:150px; text-align:right; vertical-align:top; white-space:nowrap; }
.main .form table td.title div { padding-right:14px; padding-top:8px; }
.main .form table td.title span { color:#f9458c; }
.main .form table td.ftxt { padding-bottom:20px; }
.main .form table td.ftxt span.c1 { color:#9c54a8; }
.main .form table td.ftxt span.noibg { display:inline-block; padding-top:8px; }
.main .form table td.ftxt span.ibg { display:inline-block; border:1px solid #d5d5d5; vertical-align:middle; padding:8px; }
.main .form table td.ftxt span.ibg2 { display:inline-block; border:1px solid #d5d5d5; vertical-align:top; padding:8px; }
.main .form table td.ftxt span.tx_bg { display:inline-block; border:1px solid #d5d5d5; vertical-align:top; padding:8px; }
.main .form table td.ftxt input.text { border:0 none; padding:0; margin:0; background-color:#fff; }
.main .form table td.ftxt input.text1 { border:0 none; padding:0; width:250px; margin:0; background-color:#fff; }
.main .form table td.ftxt input.text2 { border:0 none; padding:0; width:456px; margin:0; background-color:#fff; }
.main .form table td.ftxt .dtxt { color:#afafaf; }

.main .form table td.ftxt select { border:0 none; padding:0; margin:0; font-size:22px; height:30px; background-color:#fff; }
.main .form table td.ftxt input.postno { border:0 none; padding:0; width:102px; margin:0; height:30px; background-color:#fff; }
.main .form table td.ftxt input.addr { border:0 none; padding:0; width:456px; margin:0; background-color:#fff; }
.main .form table td.ftxt input.confirm { width:120px; height:28px; background-color:#fff; }
.main .form table td.ftxt textarea { border:0 none; padding:0; width:456px; margin:0; background-color:#fff; }
.main .form table td.ftxt a.codelink { color:#505050; }
.main .form table td.ftxt a.codelink:hover { color:#ef468b; }

input[type=checkbox]{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  margin: 8px;
  vertical-align:2px; 
}
input[type=radio]{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  margin: 8px;
}

#bodydoc #CKLoginNameMsg { padding-bottom:5px; font-size:16px; }
#bodydoc #CKEmailMsg { padding-bottom:5px; font-size:16px; }
.form span.kyes { color:#30963b; }
.form span.kno { color:#f83300; }


#FullScreen {
	display:block; width:0; height:0;
	position:absolute;
	left:-10000px; top:-1000px;
	background:#696969; z-index:501;
	filter:alpa(opacity=50);   /* old IE */
	-moz-opacity:0.5;          /* Moz + FF */
	opacity:0.5;               /* ??€??????湔???*/
}

/*** footer area ***/

.footer { text-align:left; font-size:24px; font-weight:bold; max-height: 999999px; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; }
.footer .tr1 { padding:25px 0; width:570px; margin:0 auto; }
.footer .tr1 .foot_tit { color:#f4468a; margin-bottom:20px; }
.footer .tr1 .fitem1 .tit { color:#8f99a2; }
.footer .tr1 .fitem2 { background-color:#8f99a2; color:#ffffff; margin:30px 0; text-align:center; font-size:38px; padding:15px 0; }
.footer .tr1 .fitem2 a { display:block; color:#ffffff; }
.footer .tr1 .fitem2 img { vertical-align:-12px; }
.footer .tr1 .fitem3 { background-color:#8f99a2; color:#ffffff; margin:40px 0; text-align:center; font-size:32px; padding:15px 0; }
.footer .tr1 .fitem3 img { vertical-align:middle; }


.footer .tr2_o { background-color:#000; color:#fff; padding-bottom:96px; }
.footer .tr2 { padding:25px 0; width:570px; margin:0 auto; }
.footer .tr2 .no1 { margin-top:10px; }
.footer .tr2 .no1 a { color:#fff; }