@font-face {
  font-family: '微軟正黑體修正';
  unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
  font-style: normal;
  font-weight: bold;
  src: local(Yu Gothic), local(MS Gothic);
}
/* 一般粗細的時候改回微軟正黑 */
@font-face {
  font-family: '微軟正黑體修正';
  unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
  font-style: normal;
  font-weight: normal;
  src: local(微軟正黑體);
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td , select { font-family: Arial , "微軟正黑體修正" , "微軟正黑體" , "新細明體" , Tahoma , Verdana , Helvetica , sans-serif; margin: 0; padding: 0; }
body { font-size: 12px; color: #333333; }
table { font-size: 12px; border-spacing: 0; border-collapse: collapse; }
fieldset, img { border: 0; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
h4 { font-family: "微軟正黑體"; margin: 0; padding: 0; }
q:before, q:after { content: ''; }
a:link, a:visited { text-decoration: none; color: #424242; }
a:hover { text-decoration: underline; color: #818181; }

/*-----clearfix-----*/
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: ""; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
*html.clearfix { height: 1%; }

/*---------style-------------*/
.L_float { float: left; }
.R_float { float: right; }
.t_bold { font-weight: bold; color: #424242; }
.t_red { color: #e1153a; }
.t_gray { color: #999; }
.t_green { color: #77a036; }
.t_12 { font-size: 12px; }
.t_15 { font-size: 15px; }
.t_22 { font-family: "微软雅黑"; font-size: 22px; margin: 60px 0; text-align: center; }
.t_17 { font-size: 17px; font-weight: bold; }
.t_green_Box { border: 1px solid #599F00; color: #599F00; display: inline-block; height: 18px; line-height: 1.5; margin: 0 15px; padding: 0 7px; box-sizing:border-box; }
.t_red_Box { border: 1px solid #FF0000; color: #FF0000; display: inline-block; height: 18px; line-height: 1.5; margin: 0 15px; padding: 0 7px; box-sizing:border-box; }
select { border: 1px solid #b9b9b9; padding: 2px; }
textarea, .inputtext, .inputpassword { font-size: 12px; margin: 0; padding: 3px; border: 1px solid #b9b9b9; border-radius: 2px; }
.align_right { text-align: right; }
.align_center { text-align: center; }
.center1100 { width: 1100px; margin: 0 auto; }
.t_price { font-weight: bold; padding: 0 2px; color: #c34948; }
.btn_Box { display: block; text-align: center; }
.btn_Box_inline { display: inline-block; margin-left: 15px; text-align: left; }
.btn_Box .btn_orange, .btn_Box .btn_gray, .btn_Box .btn_blue , .btn_Box .btn_purple
{ background-color: #ffe98f; color: #000; border: 1px solid #ffcd45; font-size: 12px; line-height: 22px; display: inline-block; padding: 0px 18px; height: 24px; }
.btn_Box .btn_orange:hover { text-decoration: none; background-color: #ffdf5d; }
.btn_Box .btn_gray { color: #333; border: 1px solid #b9b9b9; background-color: #e6e6e6; }
.btn_Box .btn_gray:hover { text-decoration: none; background-color: #d7d7d7; }
.btn_Box .btn_blue { border: 1px solid #60afe7; background-color: #aed7f4; }
.btn_Box .btn_blue:hover { text-decoration: none; background-color: #91caf2; }

.btn_Box .btn_purple { border: 1px solid #ee819a; background-color: #f19ec2; }
.btn_Box .btn_purple:hover { text-decoration: none; background-color: #e78fb5; }

.btn_Box .btn_orange2
{ background-color: #ffe98f; color: #000; border: 1px solid #ffcd45; font-size: 16px; line-height: 26px; display: inline-block; padding:0 18px; height: 26px; vertical-align: center; }
.btn_Box .btn_gray2 
{ background-color: #e6e6e6; color: #000; border: 1px solid #e6e6e6; font-size: 16px; line-height: 26px; display: inline-block; padding:0 18px; height: 26px; vertical-align: center; }

.btn_Box .btn_gray3 
{ background-color: #555555; color: #fff; border: 1px solid #555555; font-size: 14px; line-height: 26px; display: inline-block; padding:0 18px; height: 26px; vertical-align: center; letter-spacing:5px; }


.btn_Box .btn_orange_14
{ background-color: #ffe98f; color: #000; border: 1px solid #ffcd45; font-size: 14px; line-height: 26px; display: inline-block; padding:0 18px; height: 26px; vertical-align: center; }


.btn_Box .btn_orange2:hover { text-decoration: none; background-color: #ffdf5d; }
.btn_Box .btn_orange_14:hover { text-decoration: none; background-color: #ffdf5d; }

input.btn_orange { cursor: pointer; }
a.btn_info { padding: 0px 4px 1px 4px; color: #446faf; border: 1px solid #c6ddf4; background: linear-gradient(to bottom, #feffff 0%, #ddf1f9 35%, #e4eef4 100%); }
.btn_info:hover { text-decoration: none; color: #7096ce; }
a.btn_bunch { padding: 0px 8px 1px 8px; color: #ec5b1c; border: 1px solid #ffcdba; background: linear-gradient(to bottom, #ffffff 0%, #ffe1c1 100%); }
a.btn_bunch:hover { text-decoration: none; color: #f7956b; }
a.btn_bunch_remove { padding: 2px 8px; color: #fff; background-color: #ec5b1c; }
a.btn_bunch_remove:hover { text-decoration: none; }
span.btn_bunch_no { padding: 0px 8px 1px 8px; cursor: text; color: #fff; background-color: #c5c5c5; }
a.contact { margin-left: 5px; }
a.blue { color: #446faf; }
a.l_blue { margin-left: 10px; color: #446faf; }
input.mid { margin-right: 4px; vertical-align: middle; }
.h30 { height: 30px; }
a.org { color: #f60; }

a.btn_info2 { padding: 0px 4px 1px 4px; color: #fff; border: 1px solid #c6ddf4; background-color:#6ca9e8; }
.btn_info2:hover { text-decoration: none; background-color:#88baee; }

/*-----portal-------*/
.ad_top { width: 1100px; margin: 0 auto; height: 65px; position: relative; }
.ad_top .close { background: url(../images/icons.png) no-repeat; background-position: 0 -982px; width: 18px; height: 18px; position: absolute; display: block; right: 10px; top: 10px; }

.acg_top { width: 1100px; margin: 0 auto; height: 65px; position: relative; }
.acg_top img { width:1100px; height:65px; }
.acg_top .close { background: url(../images/icons.png) no-repeat; background-position: 0 -982px; width: 18px; height: 18px; position: absolute; display: block; left: 0px; top: 10px; }
.acg_big_pic { width: 1100px; margin: 0 auto; z-index:9999; position: absolute; right:0px; top:0px; }
.acg_big_pic img { width: 1100px; height:auto; }
.acg_show_btn { position: absolute; z_index:999999; width:65px; height:auto; background-repeat:no-repeat; background-color:#333; color:#fff; text-align: center; top: 5px; right:5px; box-sizing: border-box; opacity: 0.8; padding: 4px; cursor: pointer; border-radius: 4px;}
.acg_show_btn:hover{ opacity: 0.5; }

#topbar { border-bottom: 1px solid #dcdcdc; height: 26px; width: 100%; background-color: #f3f3f3; min-width: 1100px; }
#topbar .wrap { line-height: 26px; width: 1100px; margin: 0 auto; }
#topbar .wrap ul.r_box { float: right; }
#topbar .wrap ul.r_box li.item { float: left; }
#topbar .wrap em { font-size: 10px; margin: 0 3px; color: #cecece; }
#topbar .wrap .cart, #topbar .wrap .mail { position: relative; z-index: 30; margin-right: 4px; padding-left: 16px; background: url(../images/icons.png) no-repeat; background-position: 0 -877px; }
#topbar .wrap .mail { background-position: 0 -953px; }
#topbar .wrap .num { font-size: 12px; margin-left: 3px; color: #fff; text-align: center; background-color: #e61800; border-radius: 10px; padding:0px 5px; }
#topbar .wrap .ico { display: block; padding-right: 13px; background: url(../images/icons.png) no-repeat; background-position: 52px -855px; }
#topbar .wrap .help { position: relative; z-index: 99; }
#topbar .wrap ul.list { position: absolute; top: 25px; right: 0px; width: 128px; padding: 8px 0 2px 0; border: 1px solid #CCC; background-color: #fff; box-shadow: 0 2px 3px #999; }
#topbar .wrap .list a { display: block; padding: 0px 10px; line-height: 26px; color: #656565; }
#topbar .wrap .list a:hover { text-decoration: none; color: #949494; }
#header { height: 150px; margin-bottom: 15px; min-width: 1100px; }
#header .navlogo { background: linear-gradient(to bottom, rgba(255,255,255,1) 22%, rgba(232,232,232,1) 100%); height: 110px; }
#header .logo { display: block; width: 230px; height: 70px; margin: 21px 0 0 0; float: left; overflow: hidden; }
#header .midBox { float: left; width: 505px; margin: 29px 0px 0 80px; }
#header .srchBox { height: 32px; position: relative; }
#header .srchBox .frm { position: absolute; top: 1px; left: 1px; width: 75px; height: 30px; border-right: 1px solid #d5d5d5; }
#header .srchBox .frm .box { display: block; }
#header .srchBox .frm span { position: absolute; top: 14px; left: 62px; width: 7px; height: 4px; background: url(../images/icons.png) no-repeat; background-position: 0 -867px; }
#header .srchBox .frm .on { display: block; height: 30px; line-height: 30px; padding-left: 8px; background-color: #f1f1f1; }
#header .srchBox .frm .on:hover { text-decoration: none; background-color: #fff; color: #424242; }
#header .srchBox .keyword { border: 1px solid #555; color: #bfbfbf; margin: 0 0px 0 0; height: 30px; font-size: 13px; padding: 0 0 0 85px; width: 310px; float: left; }
#header .srchBox .submit { text-align: center; color: #fff; background-color: #555; width: 94px; height: 32px; line-height: 32px; display: block; float: left; font-family: "微软雅黑"; font-size: 16px; margin-left: -1px; }
#header .srchBox .submit:hover { text-decoration: none; background-color: #3d89c8; }

/* 20160802 待確認
#header ul.tright { float:right; margin:20px 0px 0 0; position:relative;}
#header ul.tright li { float:right; margin-left:5px;}
#header ul.tright a.btn { background: #ecf5fb; color: #2495e3; display:inline-block;width:84px;height:30px; line-height:30px; text-align:center;  border:1px solid #9ac6e2;}
#header ul.tright a.btn:hover { text-decoration:none;  background:#FFF}
#header ul.tright .my85{ position:absolute; width:172px; height:28px; right:0px; bottom:-38px;}
*/

#header ul.tright { float: left; margin-top: 30px; }
#header ul.tright li { font-size: 13px; line-height: 24px; float: left; height: 24px; margin-right: 5px; padding-left: 30px; background: rgba(0, 0, 0, 0)  no-repeat scroll 0 0; }
#header ul.tright li:first-child {  padding-left: 10px; }
#header ul.tright li:nth-child(n+2) {  background: rgba(0, 0, 0, 0) url("../images/icons.png") no-repeat scroll 0 0; }
#header ul.tright a { color: #1073de; }

#header .search_hot { background: url(../images/icons.png) no-repeat; background-position: 0 -927px; bacolor: #5a5a5a; margin-top: 7px; width: 463px; height: 16px; overflow: hidden; padding-left: 27px; }
#header .search_hot a { margin-left: 10px; color: #6c6c6c; }
#header .search_hot a:hover { text-decoration: none; color: #2576C5; }
#menuBar { background-color: #2495e3; height: 40px; line-height: 40px; }
#menuBar li { float: left; font-size: 15px; font-family: "微软雅黑"; }
#menuBar li a { display: inline-block; padding: 0 20px 0px 20px; color: #fff; }
#menuBar li a:hover { text-decoration: none; background-color: #49abee; -o-transition: background-color .20s linear; -webkit-transition: background-color .20s linear; -moz-transition: background-color .20s linear; transition: background-color .20s linear; }
#menuBar li a.select { color: #fff65e; text-decoration: none; background-color: #0f7cc8; font-weight: bold; border-bottom: 2px solid #fc0; height: 38px; }
#menuBar li.QA { background-color: #1ebec4; float: right; }

#wrap { width: 1100px; margin: 0 auto; position: relative; }
.content_item { margin-bottom: 15px; border: 1px solid #dfdfdf; width: 1098px; }
.content_item ul.navWrap { border-right: 1px solid #dfdfdf; width: 278px; float: left; position: relative; }
.content_item .navWrap li.box_1, .content_item .navWrap li.box_2, .content_item .navWrap li.box_3, .content_item .navWrap li.box_4 { border-top: 2px solid #70a7ea; border-left: 12px solid #70a7ea; padding: 16px 0 0px 10px; height: 83px; }
.content_item .navWrap li.box_2 { border-top: 2px solid #ffba26; border-left: 12px solid #ffba26; }
.content_item .navWrap li.box_3 { border-top: 2px solid #6ec9d6; border-left: 12px solid #6ec9d6; }
.content_item .navWrap li.box_4 { border-top: 2px solid #fa8d9d; border-left: 12px solid #fa8d9d; }
.content_item .navWrap .pic_1, .content_item .navWrap .pic_2, .content_item .navWrap .pic_3, .content_item .navWrap .pic_4 { background: url(../images/icons.png) no-repeat; background-position: 0 -235px; width: 42px; height: 49px; float: left; }
.content_item .navWrap .pic_3 { background-position: 0 -99px; width: 42px; height: 43px; }
.content_item .navWrap .pic_2 { background-position: 0 -171px; width: 42px; height: 35px; }
.content_item .navWrap .pic_4 { background-position: 0 -30px; width: 42px; height: 49px; }
.content_item .navWrap .rBox { float: right; width: 210px; }
.content_item .navWrap a.title_1 { font-size: 15px; font-weight: bold; color: #206ecc; display: block; padding-left: 5px; }
.content_item .navWrap a.title_1:hover { color: #fff; text-decoration: none; background-color: #5388dd; }
.content_item .navWrap a.title_2 { font-size: 15px; font-weight: bold; color: #da7100; display: block; padding-left: 5px; }
.content_item .navWrap a.title_2:hover { color: #fff; text-decoration: none; background-color: #efbb00; }
.content_item .navWrap a.title_3 { font-size: 15px; font-weight: bold; color: #018ea3; display: block; padding-left: 5px; }
.content_item .navWrap a.title_3:hover { color: #fff; text-decoration: none; background-color: #6cbfc7; }
.content_item .navWrap a.title_4 { font-size: 15px; font-weight: bold; color: #e4393c; display: block; padding-left: 5px; }
.content_item .navWrap a.title_4:hover { color: #fff; text-decoration: none; background-color: #f16b7f; }
.content_item .navWrap ul.item { margin-top: 6px; width: 200px; line-height: 19px; padding-left: 5px; }
.content_item .navWrap ul.item li a { border-right: 1px #ccc solid; padding-right: 4px; margin-right: 4px; }
.content_item .navWrap ul.item li a:hover{color: #2576C5;}
.content_item .navWrap ul.item li a:last-child { border-right: none; }
.content_item .navWrap em { color: #CCC; padding: 0 2px; font-size: 10px; }
.content_item .sortArea { border: 1px solid #ffb61b; position: absolute; background-color: #fff8af; padding: 10px 10px 10px 10px; z-index: 99; left: 180px; top: -1px; }
.content_item .sortArea ul { border-top: 1px dotted #ebebeb; width: 575px; padding: 13px 10px 10px 10px; background-color: #fff; }
.content_item .sortArea ul:first-child { border-top: none; }
.content_item .sortArea h4 { font-size: 15px; font-weight: bold; color: #575757; margin-bottom: 5px; }
.content_item .sortArea h4 a { color: #575757; }
.content_item .sortArea h5 { font-size: 15px; font-weight: bold; margin-bottom: 5px; color: #575757; }
.content_item .sortArea h5 a { color: #575757; }
.content_item .sortArea li { width: 180px; margin-right: 15px; float: left; }
.content_item .sortArea li:last-child { margin-right: 0px; }
.content_item .sortArea a { display: block; height: 23px; line-height: 23px; color: #818181; }
.content_item .sortArea a:hover { color: #424242; text-decoration: none; }
.content_item .sortArea ul.hotArea { color: #e4393c; background-color: #fff8af; border-top: none; }
.content_item .sortArea h4.hot { color: #db2c45; }
.content_item .sortArea h5.hot { color: #db2c45; }
.content_item .sortArea ul.hotArea a { color: #df576b; }
.content_item .sortArea ul.hotArea a:hover { color: #db2c45; }

.adBox { float: left; width: 817px; height: 274px; margin: 1px 1px 0 1px; }
.adBox .mid { width: 560px; height: 248px; margin: 0px 1px 1px 0; float: left; text-align: center; overflow: hidden; position: relative; padding-top: 25px; }
.adBox .mid .slide { position: absolute; box-shadow: 0 2px 5px #666; top: 0px; left: 0px; }
.adBox .mid .slide li { float: left; height: 25px; line-height: 25px; text-align: center; overflow: hidden; width: 111px; border-right: 1px solid #cdcdcd; }
.adBox .mid .slide a { background: linear-gradient(to bottom, rgba(250, 250, 250, 1) 0%, rgba(199, 199, 199, 1) 100%); display: block; float: left; width: 102px; height: 25px; padding: 0 5px; }
.adBox .mid .slide a:hover, .adBox .mid .slide a.select { background: linear-gradient(to bottom, rgba(255,237,119,1) 0%, rgba(255,187,3,1) 100%); text-decoration: none; color: #424242; }
.adBox .right { height: 136px; width: 256px; float: left; margin-bottom: 1px; overflow: hidden; text-align: center; }

.acgBox { float: left; width: 817px; height: 274px; margin: 1px 1px 0 1px; }
.acgBox .mid { width: 560px; height: 248px; margin: 0px 1px 1px 0; float: left; text-align: center; overflow: hidden; position: relative; padding-top: 25px; }
.acgBox .mid .slide { position: absolute; box-shadow: 0 2px 5px #666; top: 0px; left: 0px; }
.acgBox .mid .slide li { float: left; height: 25px; line-height: 25px; text-align: center; overflow: hidden; width: 111px; border-right: 1px solid #cdcdcd; }
.acgBox .mid .slide a { background: linear-gradient(to bottom, rgba(250, 250, 250, 1) 0%, rgba(199, 199, 199, 1) 100%); display: block; float: left; width: 102px; height: 25px; padding: 0 5px; }
.acgBox .mid .slide a:hover, .acgBox .mid .slide a.select { background: linear-gradient(to bottom, rgba(255,237,119,1) 0%, rgba(255,187,3,1) 100%); text-decoration: none; color: #424242; }
.acgBox .right { height: 136px; width: 256px; float: left; margin-bottom: 1px; overflow: hidden; text-align: center; }

.newitem { float: left; height: 129px; position: relative; }
.newitem .title { background: url(../images/icons.png) no-repeat; background-position: 0 -311px; height: 129px; width: 40px; float: left; }
.newitem a.prev { background: url(../images/icons.png) no-repeat; width: 14px; height: 23px; background-position: 0 -459px; display: block; position: absolute; top: 52px; left: 54px; }
.newitem a.next { background: url(../images/icons.png) no-repeat; width: 14px; height: 23px; background-position: -21px -459px; display: block; position: absolute; top: 52px; right: -32px; }
.newitem a.prev:hover { background-position: 0 -495px; }
.newitem a.next:hover { background-position: -21px -495px; }
.newitem .picstream { float: left; overflow: hidden; width: 709px; height: 128px; margin: 0 0 0 29px; }
.newitem .picstream ul { width: 3000px; padding: 11px 0; }
.newitem .picstream li { float: left; height: 128px; width: 224px; border-right: 1px dotted #CCC; padding: 0 0px 0 15px; height: 106px; }
.newitem .picstream .pic { border: 1px solid #CCC; width: 104px; height: 104px; background-color: #FFF; text-align: center; overflow: hidden; display: block; float: left; white-space: nowrap; }
.newitem .picstream span { border: 0 none; display: inline-block; font-size: 0; height: 100%; line-height: 0; vertical-align: middle; width: 0; }
.newitem .picstream .pic img { max-height: 104px; max-width: 104px; vertical-align: middle; }
.newitem .picstream dl { float: left; width: 100px; line-height: 16px; margin: 0 10px 0 8px; }
.newitem .picstream dt { margin-bottom: 28px; height: 63px; }
.ad1100 { width: 1100px;  margin: 0 auto; margin-bottom: 15px; text-align: center; background-color: #ccc; }
.acg_conLeft { float: left; width: 840px; margin-right: 10px; }
.acg_conRight { float: left; width: 250px; }
.po_box { width: 100%; margin-bottom: 15px; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; }
.po_type_1 { border-top: 2px solid #fbb81c; }
.po_type_1 .l_Box { display: block; float: left; width: 125px; height: 483px; background: url(../images/po_type_1.png) repeat-y; }
.po_type_1 .l_Box .more { display: block; float: left; width: 125px; height: 170px; background: url(../images/po_img.png) no-repeat; }
.po_type_1 .r_box { float: left; }
.po_type_1 .keywordBox { width: 715px; border-bottom: 1px solid #dbdbdb; background-color: #f1f1f1; }
.po_type_1 .kw_menu { line-height: 28px; float: right; height: 28px; }
.po_type_1 .kw_menu li { float: left; overflow: hidden; width: 158px; height: 27px; padding: 0 10px; text-align: center; border-right: 1px solid #dbdbdb; }
.po_type_1 .kw_menu li.none { border-right: none; }
.po_type_1 .kw_menu a { color: #727272; }
.po_type_1 .kw_menu a:hover { color: #cf7500; }
.po_type_1 .menuBox { width: 715px; border-bottom: 1px solid #dbdbdb; }
.po_type_1 .menu { line-height: 28px; float: right; height: 28px; }
.po_type_1 .menu li { float: left; overflow: hidden; width: 178px; text-align: center; border-right: 1px solid #dbdbdb; }
.po_type_1 .menu li.none { border-right: none; }
.po_type_1 .menu a { display: inline-block; color: #727272; }
.po_type_1 .menu a:hover, .po_type_1 .menu a.select { font-weight: bold; width: 178px; text-decoration: none; color: #cf7500; border-bottom: 1px solid #fff; }
.po_type_1 .top_line { border-top: 1px solid #dbdbdb; }
.po_type_1 .itemBox { padding: 10px 0 0 17px; }
.po_type_1 .itemBox li { float: left; width: 140px; margin: 0 15px 8px 15px; }
.po_type_1 .itemBox .pic { overflow: hidden; width: 140px; height: 140px; margin-bottom: 3px; text-align: center; white-space: nowrap; background-color: #fff; }
.po_type_1 .itemBox .pic span { font-size: 0; line-height: 0; display: inline-block; width: 0; height: 100%; vertical-align: middle; border: 0 none; }
.po_type_1 .itemBox .pic img { max-width: 140px; max-height: 140px; vertical-align: middle; }
.po_type_1 .itemBox dl { width: 140px; color: #666; }
.po_type_1 .itemBox dt { line-height: 14px; overflow: hidden; height: 28px; margin-bottom: 6px; }
.po_type_1 .itemBox dt a { color: #446faf; }
.po_type_2 { border-top: 2px solid #4dc1bc; }
.po_type_2 .l_Box { display: block; float: left; width: 125px; height: 483px; background: url(../images/po_type_2.png) repeat-y; }
.po_type_2 .l_Box .more { display: block; float: left; width: 125px; height: 170px; background: url(../images/po_img.png) no-repeat; background-position: 0 -179px; }
.po_type_2 .r_box { float: left; }
.po_type_2 .keywordBox { width: 715px; border-bottom: 1px solid #dbdbdb; background-color: #f1f1f1; }
.po_type_2 .kw_menu { line-height: 28px; float: right; height: 28px; }
.po_type_2 .kw_menu li { float: left; overflow: hidden; width: 158px; height: 27px; padding: 0 10px; text-align: center; border-right: 1px solid #dbdbdb; }
.po_type_2 .kw_menu li.none { border-right: none; }
.po_type_2 .kw_menu a { color: #727272; }
.po_type_2 .kw_menu a:hover { color: #3ca39f; }
.po_type_2 .menuBox { width: 715px; border-bottom: 1px solid #dbdbdb; }
.po_type_2 .menu { line-height: 28px; float: right; height: 28px; }
.po_type_2 .menu li { float: left; overflow: hidden; width: 178px; text-align: center; border-right: 1px solid #dbdbdb; }
.po_type_2 .menu li.none { border-right: none; }
.po_type_2 .menu a { display: inline-block; color: #727272; }
.po_type_2 .menu a:hover, .po_type_2 .menu a.select { font-weight: bold; width: 178px; text-decoration: none; color: #3ca39f; border-bottom: 1px solid #fff; }
.po_type_2 .top_line { border-top: 1px solid #dbdbdb; }
.po_type_2 .itemBox { padding: 10px 0 0 17px; }
.po_type_2 .itemBox li { float: left; width: 140px; margin: 0 15px 8px 15px; }
.po_type_2 .itemBox .pic { overflow: hidden; width: 140px; height: 140px; margin-bottom: 3px; text-align: center; white-space: nowrap; background-color: #fff; }
.po_type_2 .itemBox .pic span { font-size: 0; line-height: 0; display: inline-block; width: 0; height: 100%; vertical-align: middle; border: 0 none; }
.po_type_2 .itemBox .pic img { max-width: 140px; max-height: 140px; vertical-align: middle; }
.po_type_2 .itemBox dl { width: 140px; color: #666; }
.po_type_2 .itemBox dt { line-height: 14px; overflow: hidden; height: 28px; margin-bottom: 6px; }
.po_type_2 .itemBox dt a { color: #446faf; }
.po_type_3 { border-top: 2px solid #ec576d; }
.po_type_3 .l_Box { display: block; float: left; width: 125px; height: 730px; background: url(../images/po_type_3.png) repeat-y 0 -3px; }
.po_type_3 .l_Box .more { display: block; float: left; width: 125px; height: 170px; background: url(../images/po_img.png) no-repeat; background-position: -154px 0; }
.po_type_3 .r_box { float: left; }
.po_type_3 .keywordBox { width: 715px; border-bottom: 1px solid #dbdbdb; background-color: #f1f1f1; }
.po_type_3 .kw_menu { line-height: 28px; float: right; height: 28px; }
.po_type_3 .kw_menu li { float: left; overflow: hidden; width: 158px; height: 27px; padding: 0 10px; text-align: center; border-right: 1px solid #dbdbdb; }
.po_type_3 .kw_menu li.none { border-right: none; }
.po_type_3 .kw_menu a { color: #727272; }
.po_type_3 .kw_menu a:hover { color: #e6566b; }
.po_type_3 .menuBox { width: 715px; border-bottom: 1px solid #dbdbdb; }
.po_type_3 .menu { line-height: 28px; float: right; height: 28px; }
.po_type_3 .menu li { float: left; overflow: hidden; width: 178px; text-align: center; border-right: 1px solid #dbdbdb; }
.po_type_3 .menu li.none { border-right: none; }
.po_type_3 .menu a { display: inline-block; color: #727272; }
.po_type_3 .menu a:hover, .po_type_3 .menu a.select {
    font-weight: bold;
    width: 178px;
    text-decoration: none;
    color: #ffffff;
    border-bottom: 1px solid #fff;
    background: #2494e3;
}
.po_type_3 .top_line { border-top: 1px solid #dbdbdb; }
.po_type_3 .itemBox { padding: 10px 0 0 17px; }
.po_type_3 .itemBox li { float: left; width: 140px; margin: 0 15px 8px 15px; }
.po_type_3 .itemBox .pic { overflow: hidden; width: 140px; height: 140px; margin-bottom: 3px; text-align: center; white-space: nowrap; background-color: #fff; }
.po_type_3 .itemBox .pic span { font-size: 0; line-height: 0; display: inline-block; width: 0; height: 100%; vertical-align: middle; border: 0 none; }
.po_type_3 .itemBox .pic img { max-width: 140px; max-height: 140px; vertical-align: middle; }
.po_type_3 .itemBox dl { width: 140px; color: #666; }
.po_type_3 .itemBox dt { line-height: 14px; overflow: hidden; height: 28px; margin-bottom: 6px; }
.po_type_3 .itemBox dt a { color: #446faf; }
.po_type_4 { border-top: 2px solid #a179c7; }
.po_type_4 .l_Box { display: block; float: left; width: 125px; height: 483px; background: url(../images/po_type_4.png) repeat-y; }
.po_type_4 .l_Box .more { display: block; float: left; width: 125px; height: 170px; background: url(../images/po_img.png) no-repeat; background-position: -154px -179px; }
.po_type_4 .r_box { float: left; }
.po_type_4 .keywordBox { width: 715px; border-bottom: 1px solid #dbdbdb; background-color: #f1f1f1; }
.po_type_4 .kw_menu { line-height: 28px; float: right; height: 28px; }
.po_type_4 .kw_menu li { float: left; overflow: hidden; width: 158px; height: 27px; padding: 0 10px; text-align: center; border-right: 1px solid #dbdbdb; }
.po_type_4 .kw_menu li.none { border-right: none; }
.po_type_4 .kw_menu a { color: #727272; }
.po_type_4 .kw_menu a:hover { color: #7f47be; }
.po_type_4 .menuBox { width: 715px; border-bottom: 1px solid #dbdbdb; }
.po_type_4 .menu { line-height: 28px; float: right; height: 28px; }
.po_type_4 .menu li { float: left; overflow: hidden; width: 178px; text-align: center; border-right: 1px solid #dbdbdb; }
.po_type_4 .menu li.none { border-right: none; }
.po_type_4 .menu a { display: inline-block; color: #727272; }
.po_type_4 .menu a:hover, .po_type_4 .menu a.select { font-weight: bold; width: 178px; text-decoration: none; color: #7f47be; border-bottom: 1px solid #fff; }
.po_type_4 .top_line { border-top: 1px solid #dbdbdb; }
.po_type_4 .itemBox { padding: 10px 0 0 17px; }
.po_type_4 .itemBox li { float: left; width: 140px; margin: 0 15px 8px 15px; }
.po_type_4 .itemBox .pic { overflow: hidden; width: 140px; height: 140px; margin-bottom: 3px; text-align: center; white-space: nowrap; background-color: #fff; }
.po_type_4 .itemBox .pic span { font-size: 0; line-height: 0; display: inline-block; width: 0; height: 100%; vertical-align: middle; border: 0 none; }
.po_type_4 .itemBox .pic img { max-width: 140px; max-height: 140px; vertical-align: middle; }
.po_type_4 .itemBox dl { width: 140px; color: #666; }
.po_type_4 .itemBox dt { line-height: 14px; overflow: hidden; height: 28px; margin-bottom: 6px; }
.po_type_4 .itemBox dt a { color: #446faf; }
.po_type_5 { border-top: 2px solid #3089e1; }
.po_type_5 .l_Box { display: block; float: left; width: 125px; height: 513px; background: url(../images/po_type_5.png) repeat-y 0 -3px; }
.po_type_5 .l_Box .more { display: block; float: left; width: 125px; height: 170px; background: url(../images/po_img.png) no-repeat 0 0; background-position: 0 -358px; }
.po_type_5 .r_box { float: left; }
.po_type_5 .menuBox { width: 715px; border-bottom: 1px solid #dbdbdb; }
.po_type_5 .menu { line-height: 28px; float: right; height: 28px; }
.po_type_5 .menu li { float: left; overflow: hidden; width: 178px; text-align: center; border-right: 1px solid #dbdbdb; }
.po_type_5 .menu li.none { border-right: none; }
.po_type_5 .menu a { display: inline-block; color: #727272; }
.po_type_5 .menu a:hover, .po_type_5 .menu a.select { font-weight: bold; width: 178px; text-decoration: none; color: #3089e1; border-bottom: 1px solid #fff; }
.po_type_5 .shopList { padding: 0 20px 0 20px; }
.po_type_5 .shopList li { padding: 10px 0; border-bottom: 1px dotted #dedede; }
.po_type_5 .shopList .logoBox { float: left; width: 150px; padding-top: 12px; text-align: center; }
.po_type_5 .shopList .logo_pic { overflow: hidden; width: 150px; height: 63px; margin-bottom: 3px; text-align: center; white-space: nowrap; background-color: #000; }
.po_type_5 .shopList .logo_pic span { font-size: 0; line-height: 0; display: inline-block; width: 0; height: 100%; vertical-align: middle; border: 0 none; }
.po_type_5 .shopList .logo_pic img { max-width: 150px; max-height: 63px; vertical-align: middle; }
.po_type_5 .itemBox { float: left; width: 240px; margin: 0 0 0 22px; }
.po_type_5 .itemBox .pic { float: left; overflow: hidden; width: 100px; height: 100px; text-align: center; white-space: nowrap; background-color: #fff; }
.po_type_5 .itemBox .pic span { font-size: 0; line-height: 0; display: inline-block; width: 0; height: 100%; vertical-align: middle; border: 0 none; }
.po_type_5 .itemBox .pic img { max-width: 100px; max-height: 100px; vertical-align: middle; }
.po_type_5 .itemBox .info { float: left; width: 132px; margin-left: 8px; }
.po_type_5 .itemBox .info .name { line-height: 14px; overflow: hidden; height: 42px; margin-bottom: 6px; }
.po_type_5 .itemBox .info a { color: #446faf; }
.photo_show { margin-bottom: 10px; border: 1px solid #dbdbdb; }
.photo_show ul { height: 27px; margin-bottom: 3px; }
.photo_show li { float: left; }
.photo_show li a { line-height: 27px; display: block; overflow: hidden; width: 82px; height: 27px; text-align: center; color: #727272; border-width: 0 1px 1px 0; border-style: solid; border-color: #dbdbdb; background-color: #f1f1f1; }
.photo_show li a.none { border-right: none; }
.photo_show li a:hover, .photo_show li a.select { font-weight: bold; text-decoration: none; color: #333; border-bottom: 0 none; background: none repeat scroll 0 0 #fff; }
.photo_show .picBox { padding: 8px 0 10px 10px; }
.photo_show .pic { overflow: hidden; width: 228px; height: 228px; text-align: center; white-space: nowrap; background-color: #fff; }
.photo_show .pic span { font-size: 0; line-height: 0; display: inline-block; width: 0; height: 100%; vertical-align: middle; border: 0 none; }
.photo_show .pic img { max-width: 228px; max-height: 228px; vertical-align: middle; }
.po_rbox { width: 248px; background-color: #f1f1f1; }
.po_rbox .top { line-height: 28px; width: 248px; height: 28px; background: url(../images/po_img.png) no-repeat; background-position: 0 -572px; }
.po_rbox .top .title { font-size: 15px; font-weight: bold; float: left; padding-left: 20px; color: #626e00; }
.po_rbox .top .more { float: right; padding-right: 10px; }
.po_rbox .con { padding: 15px 15px 10px 15px; }
.po_rbox .con .pic { overflow: hidden; width: 218px; height: 80px; margin-bottom: 7px; text-align: center; border: 1px solid #dbdbdb; background-color: #fff; }
.po_rbox .con .txt { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px dotted #ccc; }
.po_rbox .con ul.list li { line-height: 16px; margin-bottom: 5px; padding-left: 13px; background: url(../images/li-dot.png) no-repeat; background-position: left 7px; }
.po_rbox .shop_logo { padding: 15px 0 6px 10px; }
.po_rbox .shop_logo li { float: left; width: 110px; height: 45px; margin: 0 9px 9px 0; background-color: #f90; }
.po_rbox .shop_logo li img { width: 110px; height: 45px; }
.po_rbox .hotArea { padding: 5px 10px 0 10px; }
.po_rbox .hotArea .box li { padding: 10px 0 10px 0; border-bottom: 1px dotted #dbdbdb; }
.po_rbox .hotArea .box li.none { border-bottom: none; }
.po_rbox .hotArea .pic { float: left; overflow: hidden; width: 100px; height: 100px; margin-right: 5px; text-align: center; white-space: nowrap; background-color: #fff; }
.po_rbox .hotArea .pic span { font-size: 0; line-height: 0; display: inline-block; width: 0; height: 100%; vertical-align: middle; border: 0 none; }
.po_rbox .hotArea .pic img { max-width: 100px; max-height: 100px; vertical-align: middle; }
.po_rbox .hotArea .txtBox { float: left; width: 123px; }
.po_rbox .hotArea .name { overflow: hidden; height: 66px; }
.po_rbox .hotArea .priceBox { margin-top: 5px; }
.po_rbox .otherLogos { box-sizing: border-box; padding: 10px 10px 10px 30px; border-top: 2px solid #fff; background: #f1f1f1; }
.po_rbox .otherLogos li { float: left; margin-left: 10px; }
.po_rbox .otherLogos li a:hover { -webkit-filter: brightness(120%); }
.hitoSeller .top { width: 98%; }
.hitoSeller .top .title { padding-left: 15px; }
.hitoSeller .shop_logo li { width: 88%; height: 15px; padding-left: 12px; background: transparent; }
.hitoSeller i { display: block; float: left; width: 10px; height: 10px; margin-top: 1px; margin-right: 10px; padding: 4px 1px 0 2px; padding-top: 3px; border-radius: 4px; }
.hitoSeller .arr { float: left; width: 0; height: 0; margin-left: 3px; border-width: 3px 0 3px 4px; border-style: solid; border-color: transparent transparent transparent #fff; }
.tit_type1 .top { border-left: 5px solid #e6566b; background: #fa8d9d; }
.tit_type1 .top .title { color: #8e1f2e; }
.tit_type1 i { background: #e6566b; }
.tit_type2 .top { border-left: 5px solid #852ebc; background: #af88d4; }
.tit_type2 .top .title { color: #441b72; }
.tit_type2 i { background: #852ebc; }
.tit_type3 .top { border-left: 5px solid #cf7500; background: #fbb81c; }
.tit_type3 .top .title { color: #744118; }
.tit_type3 i { background: #cf7500; }
.tit_type4 .top { border-left: 5px solid #108d88; background: #48beb9; }
.tit_type4 .top .title { color: #10524f; }
.tit_type4 i { background: #059a94; }
.tit_type5 .top { border-left: 5px solid #0259ae; background: #4998e6; }
.tit_type5 .top .title { color: #133c63; }
.tit_type5 i { background: #1165b8; }
.foot_Remind { width: 820px; padding: 8px 10px; border: 1px solid #dcdcdc;}
.foot_Remind .txt { line-height: 18px; color: #636363; }
footer { width: 100%; margin-top: 15px; padding: 0 0 20px 0; border-top: 2px solid #e6e6e6; background-color: #f8f8f8; }
footer .con { position: relative; width: 1100px; margin: 0 auto; text-align: center; }
footer .con .nav { margin-bottom: 20px; color: #828181; }
footer .con a { color: #828181; }
footer .con span { margin-left: 15px; color: #a5a5a5; }
footer .con .copyright { margin-top: 5px; color: #a5a5a5; }
footer .con .twca { position: absolute; top: 0; right: 0; width: 134px; height: 75px; }
footer .logos_bg { position: relative; width: 1100px; margin: 20px auto; }
footer .otherLogos { position: absolute; z-index: 30; right: 0; box-sizing: border-box; width: 200px; }
footer .otherLogos li { display: block; float: left; overflow: hidden; width: 40px; height: 40px; margin-left: 10px; }
footer .otherLogos li a img { width: 100%; height: auto; }
footer .otherLogos li a:hover { -webkit-filter: brightness(120%); }


/*-----portal end-------*/

.path { margin: 5px 0px; color: #2ab9f9; width: 100%; height: 30px; font-weight:bold; }
.path li { float: left; }
.path a { color: #2ab9f9; margin: 0 5px; font-weight:bold; }
.path a:first-child { margin-left: 0; }

.path i img {
  width: 1.3em;
  height: auto;
  vertical-align: bottom;
  margin-right: 0.3em;
}
.stepBox { margin: 30px 0 15px 310px; }
.stepBox li { float: left; padding: 6px 40px; text-align: center; color: #959595; border: 1px solid #959595; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.stepBox p { font-weight: bold; }
.stepBox em { display: block; float: left; width: 4px; height: 7px; margin: 20px 10px 0 10px; background: url(../images/icons.png) no-repeat; background-position: 0 -585px; }
.stepBox li.ok { color: #333; border: 1px solid #a0ceea; background: linear-gradient(to bottom, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); }
.l_regist { position: relative; width: 890px; margin: 0 auto; padding: 0 0 20px 0; }
.atmBox { position: relative; top: 10px; right: -30px; width: 166px; }
.atmBox .btn { display: block; width: 166px; height: 64px; margin: 10px 0 0 0; background: url(../images/btn.png) no-repeat; background-position: 0 -859px; }
.atmBox .btn:hover { background-position: 0 -936px; }
.in_tit { font-size: 15px; font-weight: bold; height: 22px; margin: 20px 0 15px 0; padding-left: 30px; background: url(../images/icons.png) no-repeat; background-position: 0 -616px; }
.in_tit .sp_red { font-size: 12px; font-weight: normal; margin-left: 5px; color: #e1153a; }
table.form_frame { color: #666; }
table.form_frame th { width: 17%; padding: 8px 10px 0 0; text-align: right; vertical-align: top; color: #000; }
table.form_frame td { padding: 8px 0; vertical-align: top; }
.article_explain { margin: 20px 0 20px 0; text-align: center; }
.line { margin: 25px 0 0 0; border-bottom: 1px solid #ccc; }
.remindBox { font-size: 14px; line-height: 20px; margin: 15px 0 15px 0; color: #666; }
.remindBox .t1 { font-weight: bold; padding-left: 20px; color: #fc6210; background: url(../images/icons.png) no-repeat; background-position: -30px -585px; }
.remindBox p { font-size: 14px; line-height: 1.7; }
.remind_border { padding: 6px 12px; border: 1px solid #ffc96a; background-color: #fffbe0; }
.user_leftbox { float: left; width: 220px; }
.user_rightbox { float: right; width: 870px; }
.user_leftbox .sideBox { margin-bottom: 10px; border: 1px solid #c7c7c7; background-color: #fff; }
.user_top, .con_bsns .top, .businessArea .top { font-size: 13px; font-weight: bold; line-height: 28px; height: 28px; color: #265e97; background: linear-gradient(to bottom, #e9f6fd 0%, #d3eefb 100%); background-color: #e6f2fa; }
.user_top .title_user, .user_top .title_page, .con_bsns .title_page { padding-left: 15px; }
.user_top .title_page, .con_bsns .title_page { background-position: 0 -158px; }
.user_leftbox .cont { font-size: 12px; padding: 6px 15px; }
.user_leftbox .cont .info { line-height: 31px; }
.user_leftbox .cont ul { line-height: 24px; }
.user_leftbox .cont li { padding-left: 13px; background: url(../images/li-dot.png) no-repeat; background-position: left center; }
.user_leftbox .finance { line-height: 24px; }
.user_leftbox .finance .price { font-size: 15px; font-weight: bold; margin-right: 3px; color: #fc6210; }
.user_leftbox .price_btn { font-weight: bold; margin: 3px 0 2px 0; text-align: right; }
.ex_btn { line-height: 32px; display: block; float: left; width: 85px; height: 32px; margin: 0 1px; text-align: center; border: 1px solid #ccc; }
.iconBox { display: inline-block; }
.w-icon { margin-right: 2px; }
.user_news { line-height: 30px; height: 30px; margin-bottom: 10px; padding-left: 15px; color: #fe7c3c; border: 1px solid #ffd67d; background-color: #ffffe0; }
.con_bsns { margin-bottom: 10px; }
.con_bsns .box { float: left; }
.con_bsns .box .buyArea { float: left; }
.con_bsns .title_buy, .con_bsns .title_sell { float: left; padding-left: 15px; background: url(../images/icon.png) no-repeat; background-position: 0 -203px; }
.con_bsns .title_sell { background-position: 0 -242px; }
.con_bsns .print { font-weight: normal; float: right; padding-right: 15px; }
.con_bsns .cont { font-size: 12px; min-height: 130px; padding: 10px 10px 10px 15px; }
.con_bsns .cont_r { font-size: 12px; min-height: 130px; padding: 10px 10px 10px 15px; }
.con_bsns .cont ul { line-height: 26px; }
.con_bsns .cont li.cr_sell { color: #e07900; }
.con_bsns .cont li.cr_buy { color: #316fb4; }
.con_bsns .cont li.line { margin: 4px 0; border-bottom: 1px dotted #c7c7c7; }
.con_bsns .rBox { float: right; width: 271px; border: 1px solid #c7c7c7; }
.businessArea { font-size: 13px; margin-bottom: 10px; border: 1px solid #c7c7c7; }
.businessArea dl { margin: 15px 0; }
.businessArea dt { font-size: 15px; font-weight: bold; float: left; margin-left: 20px; text-align: right; }
.businessArea dd { float: left; margin: 0 20px; }
.businessArea a { color: #999; }
.businessArea .line { margin: 5px 0; border-bottom: 1px dotted #c7c7c7; }
.businessArea a.blue { color: #446faf; }
.ad870 { width: 870px; height: 100px; margin-bottom: 10px; text-align: center; background-color: #e8e8e8; }
.interested { margin-bottom: 10px; border: 1px solid #c7c7c7; }
.interested .title { font-size: 13px; font-weight: bold; margin: 0 15px 15px 15px; padding: 10px 0; border-bottom: 1px dotted #c7c7c7; }
.interested ul { padding: 0 0 15px 14px; }
.interested li { float: left; width: 140px; margin: 0 14px; }
.interested .pic { overflow: hidden; width: 138px; height: 138px; margin-bottom: 5px; text-align: center; white-space: nowrap; border: 1px solid #c7c7c7; }
.interested .pic span { font-size: 0; line-height: 0; display: inline-block; width: 0; height: 100%; vertical-align: middle; border: 0 none; }
.interested .pic img { max-width: 138px; max-height: 138px; vertical-align: middle; }
.lo_bg_g { width: 1000px; margin: 0 auto; margin-bottom: 100px; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #ececec; }
.lo_bg_g .cont { padding: 20px; border: 1px solid #cdcdcd; background-color: #fff; }
.lo_bg_g .ad { float: left; width: 575px; height: 420px; margin-right: 60px; }
.lo_bg_g .infoArea { float: left; width: 270px; }
.lo_bg_g .infoArea .top { font: 18px/18px '微软雅黑'; margin: 5px 0 19px 0; }
.lo_bg_g .id, .lo_bg_g .password { font-size: 13px; line-height: 30px; width: 262px; height: 30px; margin-bottom: 15px; padding: 2px 3px; color: #999; background-color: #f9f9f9; }
.lo_bg_g .password { margin-bottom: 10px; }
.lo_bg_g .item-ifo { font-size: 13px; margin-bottom: 10px; }
.lo_bg_g .login_btn { display: block; width: 270px; height: 39px; background: url(../images/btn.png) no-repeat; }
.lo_bg_g .login_btn:hover { background-position: 0 -47px; }
.lo_bg_g .coagent { margin: 16px 0 16px 58px; }
.lo_bg_g .coagent label { font-size: 13px; font-weight: bold; line-height: 29px; float: left; color: #434343; }
.lo_bg_g .coagent a.regist { display: block; float: right; width: 70px; height: 30px; background: url(../images/btn.png) no-repeat; background-position: 0 -96px; }
.lo_bg_g .coagent a.regist:hover { background-position: 0 -135px; }
.lo_bg_g .infoArea .login_reg_box { width:100%; text-align:center; margin:20px auto; }
.lo_bg_g .infoArea .login_reg_box a { color:#059; }
.lo_bg_g .txtBox { line-height: 17px; padding: 12px 15px; color: #676767; background-color: #fffdd9; }

.lo_bg_g #forget_reg_box { float: left; display:none; width: 270px; }
.lo_bg_g #forget_reg_box .forget_reg_box_head { width:100%; margin:20px 0; }
.lo_bg_g #forget_reg_box .forget_reg_box_head #forget_pass_go { float: left; width:50%; height:40px; line-height:40px; font-size:14px; text-align:center; color:#fff; border: 1px solid #5388a8; box-sizing:border-box; background-color: #44b6e8; cursor:pointer; }
.lo_bg_g #forget_reg_box .forget_reg_box_head #forget_acc_go { float: right; width:50%; height:40px; line-height:40px; font-size:14px; text-align:center; color:#333; border: 1px solid #5388a8; box-sizing:border-box; background-color: #fff; border-left:0px; cursor:pointer; }
.lo_bg_g #forget_reg_box #forget_reg_box_remind { clear:both; width:100%; height:50px; line-height:50px; color:#e60012; text-align:center; font-size:14px; font-weight: bold; }

.lo_bg_g #forget_reg_box .forget_pass_reg_box { width:100%; display:none; }
.lo_bg_g #forget_reg_box .forget_pass_reg_box span { display: block; width:100%; height:20px; line-height:20px; font-size:14px; padding-bottom:10px; }
.lo_bg_g #forget_reg_box .forget_pass_reg_box .forget_reg_button { width:100%; height:50px; margin:10px 0; text-align:center; }
.lo_bg_g #forget_reg_box .forget_pass_reg_box .forget_reg_button .left_b { float:left; width:48%; }
.lo_bg_g #forget_reg_box .forget_pass_reg_box .forget_reg_button .right_b { float:right; width:48%; }
.lo_bg_g #forget_reg_box .forget_pass_reg_box .forget_reg_button .left_b a { display: block; width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; color:#fff; border: 1px solid #f19149; box-sizing:border-box; background-color: #ff9542; text-decoration:none; cursor:pointer; }
.lo_bg_g #forget_reg_box .forget_pass_reg_box .forget_reg_button .right_b a { display: block; width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; color:#000; border: 1px solid #b9b9b9; box-sizing:border-box; background-color: #fff; text-decoration:none; cursor:pointer; }

.lo_bg_g #forget_reg_box .forget_acc_reg_box { width:100%; display:none; }
.lo_bg_g #forget_reg_box .forget_acc_reg_box span { display: block; width:100%; height:20px; line-height:20px; font-size:14px; padding-bottom:10px; }
.lo_bg_g #forget_reg_box .forget_acc_reg_box .forget_reg_button { width:100%; height:50px; margin:10px 0; text-align:center; }
.lo_bg_g #forget_reg_box .forget_acc_reg_box .forget_reg_button .left_b { float:left; width:48%; }
.lo_bg_g #forget_reg_box .forget_acc_reg_box .forget_reg_button .right_b { float:right; width:48%; }
.lo_bg_g #forget_reg_box .forget_acc_reg_box .forget_reg_button .left_b a { display: block; width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; color:#fff; border: 1px solid #f19149; box-sizing:border-box; background-color: #ff9542; text-decoration:none; cursor:pointer; }
.lo_bg_g #forget_reg_box .forget_acc_reg_box .forget_reg_button .right_b a { display: block; width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; color:#000; border: 1px solid #b9b9b9; box-sizing:border-box; background-color: #fff; text-decoration:none; cursor:pointer; }

.lo_bg_g #forget_reg_box .forget_acc_bottom_box { width:100%; margin:4px 0; height:40px; line-height:40px; font-size:14px; text-align:center; color:#bfbfbf; }

#gs_left { float: left; width: 180px; margin-right: 20px; }
.gs_menuBox { width: 178px; margin-bottom: 10px; border: 1px solid #cdcdcd; }
.gs_menuBox .title { font-size: 13px; font-weight: bold; line-height: 28px; position: relative; height: 28px; padding: 0 10px; color: #fff; background-color: #636363; }
.gs_menuBox .rt { font-size: 12px; font-weight: normal; position: absolute; right: 10px; color: #81ceff; }
.gs_menuBox .list { background-color: #f1f1f1; }
.gs_menuBox .list li { border-bottom: 1px dotted #898989; }
.gs_menuBox .list a { font-size: 13px; display: block; padding: 10px 0 10px 10px; }
.gs_menuBox .list a:hover { text-decoration: none; color: #000; background-color: #fff; }
.gs_menuBox .list a.select { font-weight: bold; padding-left: 20px; background: url(../images/li-dot.png) no-repeat; background-color: #fff; background-position: 10px center; }
.gs_menuBox .list a.select2 { font-weight: bold; background-color: #fff; color:#F40; }
.gs_menuBox .list li.none { border-bottom: none; }
.gs_menuBox .list a.r_18 { color: #c00; }
.gs_typeBox { margin-bottom: 10px; border: 1px solid #cdcdcd; }
.gs_typeBox .title { font-size: 13px; font-weight: bold; line-height: 28px; height: 28px; padding-left: 10px; border-bottom: 1px solid #cdcdcd; background: linear-gradient(to bottom, #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%); }
.gs_typeBox .list { padding-top: 15px; }
.gs_typeBox .list li { margin: 0 0 15px 0; }
.gs_typeBox .list .pic { overflow: hidden; width: 100px; height: 100px; margin: 0 auto; margin-bottom: 3px; text-align: center; white-space: nowrap; border: 1px solid #cdcdcd; background-color: #fff; }
.gs_typeBox .list .pic span { font-size: 0; line-height: 0; display: inline-block; width: 0; height: 100%; vertical-align: middle; border: 0 none; }
.gs_typeBox .list .pic img { max-width: 100px; max-height: 100px; vertical-align: middle; }
.gs_typeBox .list .name { width: 140px; margin: 0 auto; }
.gs_typeBox .liBox { padding: 10px 8px 8px 8px; }
.gs_typeBox .liBox li { line-height: 24px; overflow: hidden; height: 24px; margin-bottom: 6px; }
.gs_typeBox .liBox em, .gs_typeBox .liBox em.gray { font-weight: bold; display: block; float: left; width: 22px; height: 24px; margin-right: 10px; text-align: center; background: url(../images/icons.png) no-repeat; background-position: 0 -723px; }
.gs_typeBox .liBox em.gray { background-position: 0 -776px; }

.gs_typeBox .liBox2 { width:100%; margin:auto; box-sizing:border-box; }
.gs_typeBox .liBox2 table { width:100%; }
.gs_typeBox .liBox2 tr { width:100%; height:30px; }
.gs_typeBox .liBox2 th { width:20%; text-align:right; padding:0 2px; }
.gs_typeBox .liBox2 td { width:80%; padding:0 2px; } 
.gs_typeBox .liBox2 td input { width:90%; }

#gs_right { float: right; width: 900px; }
.gs_popbox { width: 880px; margin-bottom: 10px; padding: 10px; border-radius: 5px; background: url(../images/bg_01.png); }
.gs_popbox .bg { height: 160px; padding-left: 5px; border: 1px solid #cdcdcd; border-radius: 5px; background-color: #fff; }
.gs_popbox .bg li { float: left; width: 415px; height: 140px; margin: 10px 0; padding: 0 0 0 20px; border-right: 1px dotted #737373; }
.gs_popbox .bg li.none { border-right: none; }
.gs_popbox .top { font-family: '微软雅黑'; font-size: 14px; margin-bottom: 7px; }
.gs_popbox .pic { float: left; overflow: hidden; width: 110px; height: 110px; margin-right: 10px; text-align: center; white-space: nowrap; border: 1px solid #cdcdcd; background-color: #fff; }
.gs_popbox .pic span { font-size: 0; line-height: 0; display: inline-block; width: 0; height: 100%; vertical-align: middle; border: 0 none; }
.gs_popbox .pic img { max-width: 110px; max-height: 110px; vertical-align: middle; }
.gs_popbox .txtBox { float: left; width: 264px; }
.gs_popbox .txtBox .name { font-size: 15px; font-weight: bold; display: block; margin-bottom: 5px; }
.gs_popbox .txtBox .txt { line-height: 17px; overflow: hidden; height: 32px; margin-bottom: 15px; }
.gs_srch { margin-bottom: 10px; border: 1px solid #cdcdcd; }
.gs_srch .info { padding: 8px 0 8px 20px; }
.gs_srch .info .mg { float: left; margin-right: 10px; }
.gs_srch .line_d { margin: 0 0 0 0; border-bottom: 1px dotted #ccc; }

.gs_filters { line-height: 30px; height: 30px; border: 1px solid #cdcdcd; background-color: #f2f2f2; }
.gs_filters .left { float: left; }
.gs_filters .left a { display: block; float: left; padding: 0 16px; color: #666; border-right: 1px solid #cdcdcd; }
.gs_filters .left a:hover, .gs_filters .left a.select { text-decoration: none; color: #ff7900; background-color: #fff; font-weight: bold; }
.gs_filters .right { float: right; }
.gs_filters .right span { float: left; }
.gs_filters .right a { display: block; float: left; height: 30px; padding: 0 12px; color: #666; border-left: 1px solid #cdcdcd; }
.gs_filters .right a:hover, .gs_filters .right a.select { text-decoration: none; color: #ff7900; background-color: #fff; font-weight: bold; }
.gs_filters .right i.down { display: inline-block; width: 10px; height: 10px; margin-left: 3px; background: url(../images/down-arrow2.svg) no-repeat center center; background-size: 100%; }
.gs_filters .right i.up { display: inline-block; width: 10px; height: 10px; margin-left: 3px; background: url(../images/up-arrow2.svg) no-repeat center center; background-size: 100%; }
.gs_filters .right a i.image, .gs_filters .right a i.list { display: inline-block; width: 16px; height: 16px; margin-top: 8px; background: url(../images/icons.png) no-repeat; background-position: -110px -657px; }
.gs_filters .right a:hover i.image, .gs_filters .right a i.image_on { background-position: -84px -657px; }
.gs_filters .right a i.list { background-position: -110px -684px; }
.gs_filters .right a:hover i.list, .gs_filters .right a i.list_on { background-position: -84px -684px; }

.gs_list .header { line-height: 34px; height: 34px; padding: 0 10px; border-bottom: 1px solid #cdcdcd; }
.gs_list li { position: relative; padding: 10px 0; border-bottom: 1px dotted #cdcdcd; }
.gs_list .col { float: left; text-align: center; }
.gs_list .pic { float: left; overflow: hidden; width: 110px; height: 110px; margin-right: 10px; text-align: center; white-space: nowrap; border: 1px solid #cdcdcd; background-color: #fff; }
.gs_list .pic span { font-size: 0; line-height: 0; display: inline-block; width: 0; height: 100%; vertical-align: middle; border: 0 none; }
.gs_list .pic img { max-width: 110px; max-height: 110px; vertical-align: middle; }
.gs_list dl { float: left; width: 560px; height: 112px; padding-right: 50px; }
.gs_list dt { font-size: 13px; font-weight: bold; line-height: 19px; height: 38px; margin-bottom: 8px; }
.gs_list dt a { color: #446faf; }
.gs_list dd { line-height: 16px; color: #666; }
.gs_list dd.date { margin-bottom: 2px; color: #999; }
.gs_list .priceBox { line-height: 22px; float: left; margin: 10px 0 0 0; color: #666; }
.gs_list .price { font-size: 15px; font-weight: bold; padding: 0 2px; color: #e4393c; }
.gs_list .btnBox { margin: 5px 0 0 0; }
.gs_list .goosbtn { position: absolute; right: 0; bottom: 20px; }
.gs_t_org { font-weight: bold; margin-right: 5px; color: #ff7f01; }
.gs_t_pink { font-weight: bold; margin-right: 5px; color: #da4ad8; }
.gs_t_green { font-weight: bold; margin-right: 5px; color: #9ca838; }
.gs_img { padding: 10px 0 10px 2px; border-bottom: 1px solid #cdcdcd; ; }
.gs_img li { float: left; width: 190px; height: 290px; margin: 10px 17px; }
.gs_img .pic { overflow: hidden; width: 188px; height: 188px; margin-bottom: 3px; text-align: center; white-space: nowrap; border: 1px solid #cdcdcd; background-color: #fff; }
.gs_img .pic span { font-size: 0; line-height: 0; display: inline-block; width: 0; height: 100%; vertical-align: middle; border: 0 none; }
.gs_img .pic img { max-width: 188px; max-height: 188px; vertical-align: middle; }
.gs_img .name { font-size: 13px; line-height: 1.3; overflow: hidden; height: 63px; margin-bottom: 5px; }
.gs_img .name a { color: #446faf; }
.gs_img .priceBox { margin: 0 0 0 0; color: #666; }
.gs_img .priceBox .price { line-height: 16px; float: left; }
.gs_img .priceBox .num { float: right; }
.gs_img .time { line-height: 16px; }
.gs_img .btnBox { margin: 5px 0 0 0; }
.gs_txtBox { margin-bottom: 10px; padding: 20px 0; background: url(../images/bg_02.png) repeat-x; }
.gs_txtBox .titBox { padding-bottom: 10px; background: url(../images/bg_02.png) repeat-x; background-position: 0 bottom; }
.gs_txtBox .title { font-family: '微软雅黑'; font-size: 24px; height: 30px; margin-bottom: 22px; }
.gs_txtBox .post { margin-bottom: 3px; color: #999; }
.gs_txtBox .txt { font-size: 13px; line-height: 22px; padding: 25px 10px; }
.gs_txtBox img { display: block; margin: 10px auto; }
.fbcomments { padding-top: 10px; }
.fbcomments h4 { font-size: 13px; font-weight: bold; padding: 0 0 5px 25px; color: #566d9d; background: url(../images/icons.png) no-repeat; background-position: 0 -833px; }

/*page*/

.scott { margin-top: 10px; TEXT-ALIGN: right; }
.scott a { padding: 2px 5px; border: #ddd 1px solid; COLOR: #414141; MARGIN-left: 2px; TEXT-DECORATION: none; }
.scott a:hover { border: #1a73ab 1px solid; }
.scott span.current { padding: 2px 5px; color: #446faf; border: #1a73ab 1px solid; FONT-WEIGHT: bold; MARGIN-RIGHT: 2px; BACKGROUND-COLOR: #fff; }
.scott span.disabled { border: #f3f3f3 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; }
.detail_l { float: left; width: 272px; margin-right: 40px; color: #666; }
.detail_l .pic { overflow: hidden; width: 270px; height: 270px; margin-bottom: 5px; text-align: center; vertical-align: middle; white-space: nowrap; border: 1px solid #ddd; }
.detail_l .pic span { font-size: 0; line-height: 0; display: inline-block; width: 0; height: 100%; vertical-align: middle; border: 0 none; }
.detail_l .pic img { max-width: 270px; max-height: 270px; vertical-align: middle; }
.detail_l .info { line-height: 18px; float: left; width: 272px; margin: 10px 0 0 0; }
.detail_l dt { font-weight: bold; }
.detail_l ul { width: 272px; }
.detail_l li { float: left; overflow: hidden; width: 116px; height: 18px; padding-right: 20px; }
.detail_c { font-size: 13px; float: left; width: 534px; color: #666; }
.detail_c .title { font-size: 17px; font-weight: bold; margin-bottom: 8px; padding: 0 0 16px 0; background: url(../images/bg_02.png) repeat-x; background-position: 0 bottom; }
.detail_c dl { padding: 7px 0; }
.detail_c dt { float: left; width: 92px; }
.detail_c dd { line-height: 19px; float: left; overflow: hidden; }
.detail_c .price { font-size: 20px; padding-right: 3px; color: #f60; }
.detail_c .line { margin: 10px 0 10px 0; border-bottom: 1px solid #ddd; }
.detail_c .buy { margin: 15px 0; }
.detail_c .btn_buy, .detail_c .btn_cart, .detail_c .btn_sale, .detail_c .btn_throw, .detail_c .btn_no, .detail_c .btn_wait, .detail_c .btn_full, .detail_c .btn_soldout, .detail_c .btn_waiting_list { display: block; float: left; width: 140px; height: 37px; margin-right: 15px; background: url(../images/btn.png) no-repeat; background-position: 0 -196px; }
.detail_c .btn_buy:hover { background-position: 0 -247px; }
.detail_c .btn_cart { background-position: 0 -307px; }
.detail_c .btn_cart:hover { background-position: 0 -358px; }
.detail_c .btn_sale { background-position: 0 -878px; }
.detail_c .btn_sale:hover { background-position: 0 -923px; }
.detail_c .btn_throw { background-position: 0 -977px; }
.detail_c .btn_no { background-position: 0 -781px; }
.detail_c .btn_wait { cursor: pointer; background-position: 0 -1031px; }
.detail_c .btn_wait:hover { background-position: 0 -1079px; }
.detail_c .btn_full { background-position: 0 -1303px; }
.detail_c .btn_soldout { background-position: 0 -1348px; }
.detail_c .btn_waiting_list { background-position: 0 -1392px; }
.detail_c .btn_waiting_list:hover { background-position: 0 -1436px; }
.detail_r { float: right; width: 210px; margin-bottom: 10px; border: 1px solid #ddd; }
.detail_r .top { font-size: 15px; font-weight: bold; line-height: 30px; height: 30px; margin-bottom: 10px; padding-left: 15px; border-bottom: 1px solid #ddd; background-color: #eee; }
.detail_r dl { line-height: 22px; height: 22px; padding-left: 15px; color: #666; }
.detail_r dt { float: left; }
.detail_r dd { float: left; }
.detail_r dd.t_green { font-weight: bold; color: #77a036; }
.detail_r a.toggle { padding-left: 20px; background: url(../images/icons.png) no-repeat; background-position: 0 -1061px; }
.detail_r a.toggle:hover { background-position: 0 -1086px; }
.detail_r .btnBox { padding-left: 11px; }
.detail_r .btn_shop { line-height: 32px; display: block; float: left; width: 85px; height: 32px; margin: 10px 4px 15px 4px; text-align: center; background: url(../images/btn.png) no-repeat; background-position: 0 -422px; }
.detail_r .btn_shop:hover { text-decoration: none; color: #000; background-position: -106px -422px; }
.detail_r .info { width: 180px; margin: 10px 0 10px 15px; padding-top: 10px; color: #ccc; border-top: 1px dotted #ddd; }
.process_Box { width: 860px; margin-top: 20px; padding: 10px 20px; background-color: #fffbd7; }
.process_Box .title { font-size: 15px; font-weight: bold; margin-bottom: 4px; color: #ce3737; }
.process_Box ul { line-height: 18px; }
.process_Box li { color: #303030; }
.tab_Box { width: 1100px; margin: 40px 0 15px 0; border-top: 2px solid #bbb; border-bottom: 1px solid #c8c8c8; background-color: #f9f9f9; }
.tab_Box li { float: left; }
.tab_Box li.first { border-left: 1px solid #c8c8c8; }
.tab_Box a { display: block; width: 185px; height: 24px; padding-top: 12px; text-align: center; text-decoration: none; color: #666; border-right: 1px solid #d3d3d3; }
.tab_Box a:hover { color: #333; background-color: #fff; }
.tab_Box a.select { font-weight: bold; height: 25px; color: #333; background-color: #fff; }
.attBox { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #c8c8c8; }
.attBox li { display: inline-block; width: 245px; color: #666; }
.att_con { padding-bottom: 15px; border-bottom: 1px solid #c8c8c8; }
.att_con .detail { margin-bottom: 20px; text-align: center; }
.att_con .edit { margin-bottom: 20px; }
.att_con strong { font-weight: bold; display: inline-block; padding-bottom: 8px; padding-left: 20px; background: url(../images/icon.png) no-repeat; background-position: 0 -484px; }
.att_con .Qbox { padding: 12px 20px; background-color: #fffde3; }
.att_con .Qbox .info01 { float: left; width: 800px; }
.att_con .Qbox .info01 .title { margin-bottom: 3px; }
.att_con .Qbox .info01 .sort { font-size: 13px; font-weight: bold; margin-right: 10px; }
.att_con .Qbox .state { float: right; width: 145px; text-align: right; }
.att_con .Qbox .state .read { color: #6aa234; }
.att_con .Qbox .state .unread { color: #eb5a5a; }
.att_con .Qbox .ask { font-size: 13px; padding-left:10px; }
.att_con .time { margin-left: 5px; color: #999; }
.att_con .Abox { padding: 12px 20px; color: #194cb1; }
.att_con .Abox .info02 { margin-bottom: 2px; }
.att_con .Abox .sort { font-size: 13px; font-weight: bold; margin-right: 10px; }
.att_con .Abox .answer { font-size: 13px; padding-left:10px; }
.att_con .askArea { padding: 20px 20px; background-color: #ececec; }
.att_con .askArea .title { margin-bottom: 5px; }
.att_con .askArea textarea { width: 700px; min-height: 100px; margin: 5px 0; }
.path_ybox { margin: 20px 0 20px 0; padding: 7px 10px; background-color: #e4f5ff; }
.sortBox { margin-bottom: 50px; padding: 30px 13px 15px 32px; background-color: #f0f0f0; }
.sortBox .area { float: left; width: 245px; margin: 0 15px 30px 15px; }
.sortBox .area p { font-size: 13px; margin-bottom: 5px; }
.sortBox .sort { float: left; overflow: auto; width: 245px; height: 150px; background-color: #fff; }
.sortBox .sort li.list { line-height: 20px; padding: 2px 0 0 7px; }
.sortBox .sort a:hover, .sortBox .sort a.select { text-decoration: none; color: #fff; background-color: #39f; }
.publish_picArea { height: 120px; margin: 0 0px 6px 0; }
.publish_picArea li { float: left; width: 120px; height: 120px; margin-right: 8px; text-align: center; background-color: #fffed8; border:1px #cccccc solid;}
tr.b_yellow { background-color: #fffde4; }
tr.b_pink { background-color: #ffedf0; }
ul.item_space li { float: left; margin-right: 20px; margin-bottom: 5px; }
.usr_navigation_area { margin-bottom: 10px; }
.usr_navigation { position: relative; width: 1100px; }
.usr_navigation .rbox { position: absolute; top: 0; right: 0; }
.usr_navigation ul.tabBox { border-bottom: 1px solid #e4eaee; border-left: 1px solid #e4eaee; }
.usr_navigation li.tab { line-height: 30px; display: inline; float: left; height: 30px; margin-bottom: -1px; }
.usr_navigation li.tab a { font-size: 13px; position: relative; display: block; padding: 1px 18px; text-align: center; border-width: 1px 1px 1px medium; border-style: solid solid solid none; border-color: #e4eaee; border-image: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; }
.usr_navigation li.tab a.select { font-weight: bold; color: #ff0000; background: #f5f8fa; }
.usr_navigation li.tab a span { line-height: 28px; display: block; height: 28px; }
.usr_credit { float: left; width: 1100px; margin-top: 10px; }
.usr_credit .menu { line-height: 30px; height: 30px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; background-color: #f5f5f5; }
.usr_credit .menu a { font-size: 13px; display: block; float: left; padding: 0 20px; text-align: center; color: #666; border-right: 1px solid #e0e0e0; }
.usr_credit .menu a:hover, .usr_credit .menu a.select { text-decoration: none; color: #333; background-color: #e2e2e2; }
.usr_credit th, .usr_credit td { padding: 10px 0 10px 15px; border-bottom: 1px dotted #ccc; }
.usr_credit .reply { font-size: 15px; line-height: 26px; width: 550px; margin-top: 10px; padding: 10px 15px; background-color: #f0f0f0; }
.usr_credit .time { font-size: 12px; margin-left: 10px; color: #999; }
.usr_credit textarea { width: 540px; margin: 5px 0 0 0; }
.usr_credit .t1 { font-size: 12px; margin-bottom: 10px; color: #999; }
.usr_navigation .t2 { line-height: 24px; display: inline-block; height: 24px; padding: 0 12px; color: #fff; background-color: #ff9090; }
.tabpanel { line-height: 42px; position: relative; width: 1068px; height: 42px; padding-left: 32px; border-bottom: 1px solid #e4eaee; background-color: #f5f8fa; }
.tabpanel li { float: left; margin: 0 20px; }
.tabpanel a { color: #546d7e; }
.tabpanel a.t_red { color: #e1153a; }
.tabpanel .rbox { position: absolute; top: 6px; right: 0; }
.tabpanel i { float: left; color: #d0dde6; }
.tabpanel .ps { line-height: 22px; position: absolute; top: 52px; right: 0; height: 22px; padding: 0 12px; color: #f37d7d; background-color: #fff1f1; }
.bBox { margin-bottom: 8px; border: 1px solid #e6e6e6; }
.bBox tr.order-hd { line-height: 36px; height: 36px; background: none repeat scroll 0 0 #f3f3f3; }
.bBox tr.order-hd span { margin-right: 15px; }
.bBox tr.lineBold { border-bottom: 3px solid #e6e6e6; }
.bBox tr.gray { background-color: #f8f8f8; }
.bBox td { padding: 8px 0; text-align: center; border-bottom: 1px solid #e6e6e6; }
.bBox td.gray { padding: 0; }
.bBox td.gray_left { padding: 0 0 0 15px; text-align: left; }
.bBox td.left { padding: 8px 0 8px 15px; text-align: left; }
.bBox td.right { padding: 8px 15px 8px 0; text-align: right; }
.bBox .info { min-height: 40px; }
.bBox .info a { display: block; margin: 8px 0 6px 0; color: #446faf; }
.bBox .info a.point { display: block; margin-top: 2px; color: #ed8b00; }
.bBox .info p.joy { margin-top: 4px; }
.bBox .info a.org { color: #ff7f01; }
.chapter_ctrl { margin: 8px 0; }
.chapter_ctrl_gray, .chapter_ctrl_y { margin: 8px 0; padding: 5px 10px; background-color: #e9e9e9; }
.chapter_ctrl_y { color: #828282; border: 1px solid #ffc96a; background-color: #fffbe0; }
.bBox td.boder_none { border-bottom: none; }
.bBox .td_boder { border: 1px solid #e6e6e6; }
.bBox .notes { font-size: 11px; margin: 3px 0 0 0; }
.garybg { background-color: #e8f2ff; }
.bBox .pic { overflow: hidden; width: 80px; height: 80px; margin: 0 auto; text-align: center; vertical-align: middle; border: 1px solid #ddd; }
.bBox .pic span { font-size: 0; line-height: 0; display: inline-block; width: 0; height: 100%; vertical-align: middle; border: 0 none; }
.bBox .pic img { max-width: 80px; max-height: 80px; vertical-align: middle; }
.totleBox { line-height: 34px; line-height: 34px; margin: 8px 0; padding-right: 10px; text-align: right; background-color: #f3f3f3; }
.totleBox_table { background-color: #f3f3f3; }
.totleBox_table td { padding: 4px 15px; text-align: right; }


/*----------跳窗------------*/
.popup { width: 500px; border: 1px solid #6eccee; }
.popup .titleBox { line-height: 32px; height: 32px; padding: 0 10px; border-bottom: 1px solid #6eccee; background-color: #d6f3fc; }
.popup .title { font-size: 15px; font-weight: bold; float: left; color: #1a1a1a; }
.popup .close { float: right; width: 12px; height: 28px; background: url(../images/icons.png) no-repeat; background-position: 0 -1122px; }
.popup .con { padding: 20px 10px 20px 10px; font-size:13px;}
.popup .center { text-align: center; }
.popreceipt_title { font-size: 15px; font-weight: bold; margin: 10 0 5px 0; text-align: center; color: #1e88d2; }
.pop_receipt { border: 1px solid #6ab6eb; }
.pop_receipt tbody td { padding: 7px; border: 1px solid #6ab6eb; }
.pop_receipt th { padding: 7px 0; text-align: center; color: #1e88d2; border: 1px solid #6ab6eb; }
.pop_receipt .con { padding: 7px; vertical-align: top; }
.pop_receipt .price { text-align: right; vertical-align: top; }
.pop_receipt .mid { text-align: center; vertical-align: top; }
.pop_wc_top{ width:400px; margin:0 auto;}
.pop_wc_tel{  margin:20px 0; height:30px; line-height:30px; color:#999; font-size:15px; font-weight:bold;}
/*----------跳窗 end------------*/

.receipt_box { font-size: 15px; position: relative; margin: 10px 0 0 0; }
.receipt_box .area { float: left; height: 450px; padding-right: 10px; border-right: 1px dashed #ccc; }
.receipt_box .receipt { width: 260px; height: 410px; padding: 20px 0 20px 0; text-align: center; border: 1px dotted #ccc; }
.receipt_box .month { font-size: 30px; font-weight: bold; margin-top: 10px; }
.receipt_box .num { font-size: 30px; font-weight: bold; }
.receipt_box .info { font-size: 13px; line-height: 20px; width: 200px; margin: 0 auto 10px auto; text-align: left; }
.receipt_box .info span { margin-right: 8px; }
.receipt_box .barcode { margin-bottom: 20px; }
.receipt_box .qr { margin: 0 20px; }
.receipt_box .detail { width: 250px; }
.receipt_box .top { font-size: 20px; margin: 20px 0 5px 0; text-align: center; }
.receipt_box .t1 { font-size: 15px; text-align: center; }
.receipt_box ul { padding: 20px; }
.receipt_box li { line-height: 26px; }
.receipt_box .txt { font-size: 12px; float: left; width: 198px; padding: 380px 0 0 20px; }
.receipt_box .test { font-size: 80px; font-weight: bold; position: absolute; top: 200px; left: 180px; color: #fcc; }
.a_chg { width: 9px; height: 9px; margin-left: 30px; padding-left: 14px; background: url(../images/icons.png) no-repeat; background-position: 0 -1017px; }

/*-------------討論區----------------*/
.both { clear: both; }
.forums_bady { width: 960px; margin: 0 auto; padding: 10px 0 20px 0; }
.forums_bady_in { float: left; width: 960px; }
.col_01 { float: left; width: 190px; margin-right: 10px; }
.col_02 { float: left; width: 760px; }
.col_03 { float: left; width: 950px; }
.localNav { width: 188px; padding-bottom: 2px; border-top: 1px solid #d7d7d7; border-right: 1px solid #f4f4f4; border-left: 1px solid #f4f4f4; background: url(../images/line_03.png) repeat-x scroll left bottom rgba(0, 0, 0, 0); }
.localNav .cur { font-weight: bold; }
.level2 a { font-size: 116%; display: block; width: 172px; padding: 21px 5px 26px 11px; letter-spacing: .1em; background: url(../images/line_01.png) repeat-x scroll left bottom rgba(0, 0, 0, 0); }
.level2 a:hover { color: #069; background-color: #e4fff9; }
.level3 a { font-size: 100%; display: block; width: 172px; padding: 11px 5px 9px 11px; letter-spacing: .05em; border-bottom: 1px solid #e2e2e2; background-image: none; }
.level3 a:hover { color: #069; background-color: #e4fff9; }
.mod_title_01 { font-size: 167%; padding-top: 17px; padding-bottom: 20px; border-top: 1px solid #d7d7d7; background: url(../images/bg_head_01_01.png) no-repeat scroll left bottom rgba(0, 0, 0, 0); }
.mod_title_02 { font-size: 167%; padding-top: 17px; padding-bottom: 20px; border-top: 1px solid #d7d7d7; background: url(../images/bg_head_01_02.png) no-repeat scroll left bottom rgba(0, 0, 0, 0); }
.col_02 h1 { font-weight: bold; }
.col_03 h1 { font-weight: bold; }
.btn_box_l { float: left; width: 200; padding: 10px 0 10px 20px; }


/* table! */
*::-moz-selection {
 color: #000;
 background-color: #fffd00;
}
table.mailform { width: 760px; margin: 0 auto; border-collapse: separate; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd !important; border-left: 1px solid #ddd; }
table.mailform_a { width: 950px; margin: 0 auto; border-collapse: separate; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd !important; border-left: 1px solid #ddd; }
.mb30 { margin-bottom: 30px !important; }
table.mailform th { font-size: 13px; font-weight: bold; line-height: 22px; padding: 10px 20px; text-align: center; vertical-align: middle; border-bottom: 1px solid #ddd; background-color: #efefef; }
table.mailform td { font-weight: normal; padding: 10px 10px; text-align: center; color: #333; border-bottom: 1px solid #ddd; background: none repeat scroll 0 0 #fff; }
.hosoku_td { border-left: 1px solid #ddd; background: none repeat scroll 0 0 #fbfbfb !important; }
table.mailform td a:hover { color: #069; }
table.mailform th a { color: #eb5505; }
.hissu { padding: 10px 20px !important; text-align: left; background-color: #f6f6f6 !important; }
.mr20 { margin-right: 20px !important; }
.fl { float: left; }
.f2 { text-align: center; }
.f3 { text-align: left; }
table.mailform td input { padding-right: 5px; padding-left: 5px; }
table.mailform textarea, table.mailform input { height: 30px; padding: 0 5px; border: 1px solid #999; background-color: #fff; }
table.mailform p { font-size: 93%; padding: 5px 0; }
.hosoku_td p { font-size: 12px !important; color: #777; }
#detail_about a { width: 240px; background-image: url('../image/detail_button_about.png'); }
.con_detail_button a { display: block; overflow: hidden; width: 180px; height: 39px; text-indent: -9999px; }
.text_title { font-weight: bold; line-height: 20px; float: left; height: 20px; padding-left: 10px; text-align: left; color: #21aee6; }
.text_title_mane { font-weight: bold; line-height: 20px; float: left; height: 20px; padding-bottom: 20px; padding-left: 10px; text-align: left; color: #333; }
.text_photo { float: left; width: 60px; height: 60px; border: 1px #fff solid; }
.text_font_l { float: left; width: 450px; padding-bottom: 20px; padding-left: 15px; }
.text_font_r { float: right; width: 50px; text-align: center; color: #909090; }
.text_font_t { float: left; width: 450px; text-align: left; color: #909090; }
.text_font_in { float: left; width: 600px; margin: 20px 10px; padding: 10px 0 10px 10px; color: #737373; border: 1px #ccc dotted; }
.text_font_in p { font-weight: bold; color: #737373; }
.sbtn_Box { display: block; text-align: center; }
.sbtn_Box .sbtn_orange, .sbtn_Box .sbtn_gray, .sbtn_Box .sbtn_blue { font-size: 11px; line-height: 18px; display: inline-block; height: 18px; padding: 0 14px; color: #fff; border: 1px solid #d47d00; background-color: #ff9600; box-shadow: 0 1px #dedede; }
.sbtn_Box .sbtn_orange:hover { text-decoration: none; background-color: #ff8400; }
.sbtn_Box .sbtn_gray { color: #333; border: 1px solid #b9b9b9; background-color: #e6e6e6; }
.sbtn_Box .sbtn_gray:hover { text-decoration: none; background-color: #d7d7d7; }
.sbtn_Box .sbtn_blue { border: 1px solid #5a92d1; background-color: #69a4db; }
.sbtn_Box .sbtn_blue:hover { text-decoration: none; background-color: #448cd0; }
.newphoto { width: 720px; margin: 30px 0 20px 0; }
/*-------------END----------------*/

.newsArea { padding: 15px 0 0 0; }
.newsArea .titleBox { padding-bottom: 8px; border-bottom: 1px solid #999; }
.newsArea .title { font: 18px/18px '微软雅黑'; font-weight: bold; float: left; letter-spacing: 2px; }
.newsArea .r_box { float: right; }
.newsArea li { line-height: 34px; height: 34px; border-bottom: 1px dotted #ddd; }
.newsArea li .date { margin: 0 50px 0 0; color: #838383; }
.newsArea li .link { font-size: 13px; }
.newsArea .article_title { margin-bottom: 30px; padding-bottom: 25px; text-align: center; border-bottom: 1px solid #999; }
.newsArea .article_title h3 { font: 18px/18px '微软雅黑'; font-size: 16px; margin-bottom: 10px; }
.newsArea .article_date { color: #838383; }
.newsArea .con { font-size: 13px; line-height: 19px; color: #666; }
#serviceArea { width: 1100px; }
#serviceArea .main_left { float: left; width: 230px; margin-right: 10px; }
#serviceArea .main_right { float: right; width: 860px; }
.service_menu { border: 1px solid #d5d5d5; }
.service_tbg { font-family: '微软雅黑'; font-size: 16px; line-height: 38px; height: 39px; padding-left: 15px; border-bottom: 1px solid #d5d5d5; background: linear-gradient(to bottom, #e9f6fd 0%, #d3eefb 100%); }
.service_menu .box { margin-top: 12px; }
.service_menu dl { font-size: 13px; margin-bottom: 12px; padding: 0 15px 0 15px; }
.service_menu dt { font-weight: bold; margin-bottom: 5px; }
.service_menu dd { line-height: 26px; height: 26px; margin-left: 15px; }
.service_menu .select { font-weight: bold; color: #000; }
.service_menu a.dote { display: inline-block; width: 7px; margin-right: 7px; background: url(../images/dote02.png) no-repeat; background-position: 0 6px; }
.service_srchArea { margin-bottom: 10px; padding: 7px 10px; border: 1px solid #ffd200; background-color: #fffccf; }
.service_srchArea .txt { width: 400px; }
.service_area { margin-bottom: 10px; border: 1px solid #d5d5d5; }
.service_area .box { padding: 15px 0 15px 20px; }
.service_area dl { font-size: 13px; float: left; width: 404px; margin-right: 15px; }
.service_area dl .pic_sell, .service_area dl .pic_buy { width: 400px; height: 155px; background: url(../images/pic01.png) no-repeat; }
.service_area dl .pic_buy { background-position: 0 -195px; }
.service_area dt { font-size: 15px; font-weight: bold; margin: 10px 0 10px 0; }
.service_area dd { line-height: 21px; height: 21px; margin-bottom: 10px; padding-left: 29px; background: url(../images/icon_q.gif) no-repeat; }
.service_topbg { line-height: 56px; height: 56px; padding: 0 15px; }
.service_topbg .title { font-size: 15px; font-weight: bold; }
.service_area .line { margin: 0 15px; border-bottom: 1px solid #d5d5d5; }
.service_area .txtArea { line-height: 18px; padding: 18px 25px 18px 25px; color: #5d5c5c; }
.service_area .list { font-size: 13px; line-height: 18px; height: 21px; margin-bottom: 10px; padding-left: 31px; background: url(../images/icon_q.gif) no-repeat; }
.service_area .title { font-size: 13px; margin: 0 0 10px 0; }
.service_area .step { font-size: 24px; font-weight: bold; font-style: italic; margin-right: 5px; }
.service_area img { margin-bottom: 20px; }
.cr_left { float: left; width: 480px; border: 1px solid #d5d5d5; }
.cr_left .cont { padding: 15px 15px; }
.cr_left .cont .pic { width: 110px; height: 110px; }
.cr_left .picBox { float: left; margin-right: 15px; }
.cr_left .infoBox { line-height: 22px; float: left; width: 315px; }
.cr_left .infoBox li.line { margin: 4px 0; border-bottom: 1px dotted #c7c7c7; }
.cr_left .infoBox dt { font-weight: bold; float: left; }
.cr_left .infoBox dd { float: right; width: 270px; }
.cr_right { float: right; width: 606px; }
.cr_right .title { font-size: 13px; font-weight: bold; margin-bottom: 5px; }
.cr_right .credit_tb { height: 184px; border: 1px solid #d5d5d5; }
.cr_right .credit_tb th { padding: 7px 0; text-align: center; border-bottom: 1px solid #d5d5d5; background-color: #f8f8f8; }
.cr_right .credit_tb td { padding: 10px 0; text-align: center; border-bottom: 1px solid #d5d5d5; }
.r18 { width: 650px; margin: 150px auto 0 auto; }
.ab_titleBox { line-height: 20px; height: 20px; margin: 30px 0 6px 0; }
.ab_title { font-size: 15px; font-weight: bold; float: left; color: #187bc1; }
.ab_tweet { padding: 15px; background: url(../images/bg_02.png); }
.ab_tweet .pic { float: left; width: 110px; height: 110px; margin-left: 25px; text-align: center; border: 3px solid #fff; background-color: #fff; }
.ab_tweet .show { float: left; width: 655px; height: 93px; margin: 3px 0 0 25px; padding: 10px 0 5px 10px; background-color: #fff; box-shadow: 0 2px 2px 0 #ccc; }
.ab_txt { margin: 30px 0 0 0; }
.box_ordermsg { font-size: 13px; line-height: 22px; position: relative; margin: 20px 0; padding: 15px 20px; border: 1px solid #aec7e5; background-color: #fafcff; }
.box_ordermsg strong { font-size: 15px; font-weight: bold; }
.box_ordermsg .notes { margin-top: 15px; padding-top: 5px; border-top: 1px solid #ddd; }
.boder_tb { border: 1px solid #e6e6e6; }
.boder_tb th { width: 15%; padding: 8px 15px 8px 0; text-align: right; vertical-align: top; color: #000; border-bottom: 1px solid #e6e6e6; background-color: #f3f3f3; }
.boder_tb td { padding: 8px 0 8px 15px; vertical-align: top; border-bottom: 1px solid #e6e6e6; }
.frameBox { line-height: 18px; width: 760px; }
.frameBox .title { font-size: 13px; font-weight: bold; width: 760px; margin-bottom: 20px; text-align: center; }
.sellerBox { position: relative; min-height: 117px; margin-bottom: 15px; }
.sellerBox .pic { position: absolute; width: 236px; height: 117px; padding: 19px 0 0 4px; background: url(../images/seller_pic.png) no-repeat; }
.sellerBox .pic .place { width: 224px; height: 94px; }
.sellerBox .pic img { max-width: 230px; max-height: 100px; vertical-align: middle; }
.sellerBox .frame { width: 881px; margin-left: 205px; padding: 7px; border: 4px #d8d8d8 double; }
.sellerBox .box { overflow: hidden; padding: 19px 10px 18px 50px; background-color: #fff; }
.sellerBox .box .top { line-height: 18px; height: 18px; margin-bottom: 16px; }
.sellerBox .box .top .title { font-size: 15px; font-weight: bold; display: inline-block; color: #68554c; }
.sellerBox .box .top a { color: #41a9eb; }
.sellerBox .box .name { float: right; }
.sellerBox .box .txt { line-height: 18px; color: #717070; }
.sell_remind { margin-bottom: 30px; }
.tabilify_tab { margin-bottom: 15px; padding-left: 20px; border-bottom: 4px solid #e6e6e6; }
.tabilify_tab a { display: inline-block; width: 80px; padding: 6px 7px; text-align: center; letter-spacing: 1px; color: #666; border-radius: 5px 5px 0 0; background-color: #f7f7f7; }
.tabilify_tab a:hover, .tabilify_tab a.select { text-decoration: none; background-color: #e6e6e6; }
.mailBox { line-height: 20px; margin-bottom: 10px; color: #666; }
.mailBox h1 { font-weight: bold; line-height: 30px; color: #00ade6; }
.ad_left { position: absolute; top: 0; left: -390px; }
.ad_right { position: absolute; top: 0; right: -392px; }
.acg_left { position: absolute; top: 0; left: -390px; }
.acg_right { position: absolute; top: 0; right: -392px; }
.lo_okBox { font-size: 13px; margin: 40px 0 0 140px; }
.lo_okBox .lo_buy { float: left; width: 114px; height: 46px; margin-right: 50px; padding: 35px 0 0 145px; background: url(../images/lobox.png) no-repeat; }
.lo_okBox .lo_sell { float: left; width: 170px; height: 55px; padding: 26px 0 0 145px; background: url(../images/lobox.png) no-repeat; background-position: 0 -87px; }
.lo_okBox .lo_sell .m1 { margin-bottom: 5px; }
.best_bunch { margin-bottom: 10px; }
.best_bunch .title { font-size: 13px; font-weight: bold; line-height: 30px; height: 30px; padding-left: 15px; color: #834a08; background-color: #ffeb8e; }
.best_bunch ul { width: 900px; }
.best_bunch li { float: left; width: 435px; padding: 10px 0 10px 15px; }
.best_bunch .pic { float: left; overflow: hidden; width: 110px; height: 110px; margin-right: 10px; text-align: center; white-space: nowrap; border: 1px solid #cdcdcd; background-color: #fff; }
.best_bunch .pic span { font-size: 0; line-height: 0; display: inline-block; width: 0; height: 100%; vertical-align: middle; border: 0 none; }
.best_bunch .pic img { max-width: 110px; max-height: 110px; vertical-align: middle; }
.best_bunch .txtBox { float: left; width: 300px; }
.best_bunch .txtBox .titleBox { line-height: 16px; overflow: hidden; height: 50px; margin-bottom: 10px; }
.best_bunch .txtBox .name { font-size: 13px; font-weight: bold; }

#wing { position: absolute; z-index: 20; right: -73px; }
#wing .wing_block1 { display: block; width:71px; height:51px; margin:4px 0; background-color:#f2f2f2; position:relative; box-shadow: 0 2px 0 #888888; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-sizing: border-box; cursor: pointer; }
#wing .wing_block2 { display: block; width:71px; height:51px; margin:4px 0; background-color:#f2f2f2; position:relative; box-shadow: 0 2px 0 #888888; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-sizing: border-box; cursor: pointer; }
#wing .wing_block3 { display: block; width:71px; height:51px; margin:4px 0; background-color:#f2f2f2; position:relative; box-shadow: 0 2px 0 #888888; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-sizing: border-box; cursor: pointer; }

#wing .wing_block_left { float:left; width:50%; height:51px; text-align:center; padding:13px 2px 0 8px; box-sizing: border-box; }
#wing .wing_block_right { float:right; width:50%; height:51px; text-align:center; text-align:center; box-sizing: border-box; font-size:12px; vertical-align:middle; color:#333; }

#wing .shop_cart_v2 { display: block; width:71px; height:27px; background: url(../images/index_btn.png) no-repeat; background-position: 0px 0px; }
#wing .mess_block_v2 { display: block; width:71px; height:27px; background: url(../images/index_btn.png) no-repeat; background-position: 0px -66px; }

#wing .shortcut_v2 { display: block; width: 71px; height: 28px; padding:8px 4px 0 40px; background: url(../images/index_btn.png) no-repeat; background-position: 0px -137px; text-decoration:none; box-sizing: border-box; }
#wing .shortcut_v2 span { height: 48px; line-height:18px; font-size:12px; }

#wing .wing_block_top { display: block; width:50px; height:50px; margin:4px auto; background-color:#f2f2f2; position:relative; box-shadow: 0 2px 0 #888888; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; box-sizing: border-box; text-decoration:none; }
#wing .wing_block_top .gotop_v2_img { display: block; width: 20px; height: 24px; margin:auto; text-align:center; background: url(../images/index_btn.png) no-repeat; background-position: 2px -200px; }
#wing .wing_block_top .gotop_v2_txt { width:100%; height:20px; line-height:25px; text-align:center; font-size:12px; vertical-align:middle; }

#wing .wing_block2 .wing_block_mess_remind { display: block; width:733px; height:263px; background: url(../images/message_center_remind.png) no-repeat; position:absolute; z-index:999999; top:-85px; right:-5px; }
 
.wing_num { display: block; width: 26px; height: 26px; text-align: center; padding-top:4px; background-color: #e61800; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; font-size: 12px; color:#fff; box-sizing: border-box; position:absolute; top:1px; left:15px; }

#wing .wing_block1:hover { background-color:#a9a9a9; }
#wing .wing_block2:hover { background-color:#a9a9a9; }
#wing .wing_block3:hover { background-color:#a9a9a9; }
#wing .wing_block_top:hover { background-color:#a9a9a9; }

#wing .wing_block1:hover .shop_cart_v2 { background-position: -71px 0px; }
#wing .wing_block2:hover .mess_block_v2 { background-position: -71px -68px; }
#wing .wing_block3:hover .shortcut_v2 { background-position: -71px -137px; }
#wing .wing_block_top:hover .gotop_v2_img { background-position: -69px -200px; }

#wing .wing_block1:hover .wing_block_right { color:#fff; }
#wing .wing_block2:hover .wing_block_right { color:#fff; }
#wing .wing_block3:hover .wing_block_right { color:#fff; }
#wing .wing_block_top:hover { color:#fff; }


#wing .shop_cart { display: block; width: 60px; height: 25px; margin-bottom: 5px; padding-top: 34px; text-align: center; color: #fff; color: #fff; background: url(../images/btn.png) no-repeat; background-position: 0 -1130px; }
#wing .shop_cart:hover { text-decoration: none; background-position: -84px -1130px; }
#wing .shortcut_area { position: relative; }
#wing .shortcut_area a.nav { display: block; width: 60px; height: 22px; padding-top: 36px; text-align: center; background: url(../images/btn.png) no-repeat; background-position: 0 -1198px; }
#wing .shortcut_area a.nav:hover { text-decoration: none; color: #424242; background-position: -84px -1198px; }
#wing .shortcut_area .navBox { position: absolute; top: 0; right: 80px; width: 177px; }
#wing .shortcut_area .title { line-height: 22px; width: 175px; text-align: center; color: #fff; border: 1px solid #4986d0; background-color: #1286d7; }
#wing .shortcut_area .box { width: 165px; padding: 5px 0 5px 10px; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; background-color: #fff; }
#wing .shortcut_area li { line-height: 26px; float: left; overflow: hidden; width: 134px; height: 26px; padding-left: 10px; background: url(../images/li-dot.png) no-repeat; background-position: 0 12px; }
#wing .shortcut_area li.sort { width: 70px; }
#wing .shortcut_area .t1 { margin: 8px 0; }
#wing .shortcut_area .mb { margin-bottom: 15px; }
#wing .shortcut_area .dotted { margin: 10px 0; border-bottom: 1px dotted #ccc; }
#wing .shortcut_area a.top { display: block; width: 60px; height: 17px; text-indent: -9999px; background: url(../images/btn.png) no-repeat; background-position: 0 -1261px; }
#wing .shortcut_area a.top:hover { background-position: -84px -1261px; }
#wing .mess_block { display: block; width: 60px; height: 25px; margin-bottom: 5px; padding-top: 10px; text-align: center; color: #fff; border: 1px solid #d5d5d5; border-radius: 6px; background-color:#bfbfbf;}
#wing .mess_block:hover { text-decoration: none; background-color:#3399ff; }

.excel_area { font-family: tahoma, arial, 'Hiragino Sans GB', 宋体, sans-serif; margin-bottom: 30px; }
.excel_area .txt, .excel_area ul.list { font-size: 15px; line-height: 22px; color: #666a72; }
.excel_area dl.stBox { margin: 10px 0 0 0; }
.excel_area dl.stBox dt { line-height: 40px; height: 40px; }
.excel_area dl.stBox dd { font-size: 13px; line-height: 18px; margin: 10px 0 15px 75px; color: #999; }
.excel_area .tb { font-size: 13px; margin: 20px 0 0 0; }
.excel_area .tb th { font-weight: bold; padding: 5px 0; text-align: center; color: #666; background-color: #d0d0d0; }
.excel_area .tb td { padding: 5px 0 5px 0; text-align: center; border-bottom: 1px solid #fff; background-color: #f6f6f6; }
.excel_area .tb td.left { padding-left: 15px; text-align: left; }
.tk_list { font-size: 13px; line-height: 22px; margin: 20px 0 10px 0; color: #446faf; }
.qrBox { font-size: 15px; margin-bottom: 10px; padding: 10px 0; text-align: center; color: #446faf; background-color: #f5f8fa; }
.chooseBox { margin: 60px 0 0 0; }
.chooseBox .left, .chooseBox .right { float: left; width: 350px; background-color: #fff; }
.chooseBox .right { float: right; }
.chooseBox .title { font-size: 13px; font-weight: bold; margin-bottom: 8px; }
.chooseBox ul { min-height: 500px; padding: 10px 20px; border: 1px solid #a0ceea; }
.chooseBox li { line-height: 24px; }
.chooseBox .btnBox { float: left; width: 190px; padding: 100px 0 0 0; text-align: center; }
.chooseBox .btnBox p { margin-bottom: 20px; }


/*event*/
.eventbtn_box { position: relative; width: 360px; margin: 50px auto 0 auto; }
.eventbtn_box .check, .eventbtn_box .select { display: block; float: left; height: 23px; padding-left: 30px; background: url(../images/event/icheck.png) no-repeat; background-position: 0 -55px; }
.eventbtn_box .check:hover { background-position: 0 -27px; }
.eventbtn_box .select { background-position: 0 0; }
.eventbtn_box label { font-family: '微软雅黑'; font-size: 15px; float: left; }
.eventbtn_box .txt { position: absolute; top: 44px; left: -265px; padding: 3px 8px; color: #ff7e00; background-color: #fff5b1; }
.eventbtn_box .txt1 { font-size: 16px; font-weight: bold; position: absolute; top: 36px; left: -165px; width: 600px; padding: 3px 8px; text-align: center; color: #ff7e00; background-color: #fff5b1; }


/*============add=============*/
.con_bsns .box .buyArea { width: 281px; height: 192px; }
.con_bsns .box .buyArea .list_l { float: left; }
.con_bsns .box .buyArea .list_r { float: right; margin-right: 10px; }
.con_bsns .box .buyArea ul li { line-height: 32px; }
.con_bsns .top, .businessArea .top { font-size: 15px; height: 34px; padding-top: 2px; }
.con_bsns .top .title_buy, .businessArea .top .title_buy { padding-left: 40px; }


/*buy area*/
.con_bsns .box .buy_box { border: 1px solid #efc657; }
.con_bsns .buy_box .top { color: #68541f; background: #f2d074; }

/*buy & sell rule*/
.con_bsns .box .sale_box { margin-left: 10px; border: 1px solid #92cf82; }
.con_bsns .sale_box .top { color: #3d5038; background: #9dd48e; }

/*message*/
.com_box { border: 1px solid #60b6e1; background: #fafdfe; }
.businessArea .top { box-sizing: border-box; width: 100%; color: #31576a; background: #56b1df; }
.buyArea a, .businessArea a { color: #424242; }
.buyArea a:hover, .businessArea a:hover { color: #818181; }
.com_box dl dt { color: #3c93bf; }
.businessArea dl { line-height: 23px; }
.businessArea dt.sale_tt { padding-left: 25px; color: #7aad4d; background: url(../images/top_icon.png)no-repeat -10px -163px; }
.businessArea dt.buy_tt { padding-left: 25px; color: #f59f09; background: url(../images/top_icon.png)no-repeat -10px -202px; }
.top .icon01 { background: url(../images/top_icon.png)no-repeat 0 0; }
.top .icon02 { background: url(../images/top_icon.png)no-repeat 0 -42px; }
.top .icon03 { background: url(../images/top_icon.png)no-repeat 0 -81px; }
.top .icon04 { background: url(../images/top_icon.png)no-repeat 0 -119px; }
.big_green_txt { font-size: 22px; width: 100%; padding: 10px 0; background: #ffc; }
.big_org_txt { font-size: 23px; color: #f63; }

.seller_public_text { width:100%; }
.seller_public_text .title { font-size: 14px; color: #000000; float: left; }
.seller_public_text .title2 { font-size: 20px; color: #000000; vertical-align: top; font-weight:bold; }
.seller_public_text .sell_publish_th { width:10%; font-size: 14px; color: #000000; text-align:center; vertical-align: center; border-style:solid; border-width:1px; border-color:#e6e6e6; background-color:#FFECEC; }
.seller_public_text .sell_publish_th2 { width:10%; font-size: 14px; color: #000000; text-align:center; vertical-align: center; border-style:solid; border-width:1px; border-color:#e6e6e6; background-color:#ECF5FF; }
.seller_public_text .sell_publish_td { width:90%; font-size: 14px; color: #000000; vertical-align: center; border-style:solid; border-width:1px; border-color:#e6e6e6; padding-left:20px; box-sizing:border-box; }
.seller_public_text td { vertical-align: center; font-size: 14px; color: #000000; }
.seller_public_text .sell_publish_in_td { font-size: 14px; color: #000000; vertical-align: center; height:60px; }
.seller_public_text .sell_publish_in_cate_td { font-size: 14px; color: #000000; vertical-align: center; height:30px; }
.seller_public_text .sell_publish_height_80	{ height:80px; }
.seller_public_text .sell_publish_height_60	{ height:60px; }
.seller_public_text .sell_publish_height_40	{ height:40px; }
.seller_public_text .sell_publish_height_30	{ height:30px; }
.seller_public_text .show_text { font-size: 14px; color: #000000; vertical-align: center; }
.imgDiv { display: inline-block; position: relative; padding-top:14px; padding-left:10px; }
.imgDiv .pic_del_b { position: absolute; top: 3px; right: -12px; width: 30px; height: 30px; }

.publish_good_box { width:100%; }
.publish_good_box .publish_good_pic_box { height:250px; }
.publish_good_box .publish_good_pic_box .publish_good_pic_header > img { float:left; font-size: 20px; color: #000000; vertical-align: top; font-weight:bold; margin-right:10px; }
.publish_good_box .publish_good_pic_box .publish_good_pic_header > p { float:left; height:30px; line-height:30px; font-size: 20px; color: #000000; vertical-align: top; font-weight:bold; }
.publish_good_box .publish_good_pic_box	.publish_good_pic_remind { clear:both; margin-top:10px; height:35px; }
.publish_good_box .publish_good_pic_box	.publish_good_pic_remind ul > li { float:left; height:35px; }
.publish_good_box .publish_good_pic_box	.publish_good_pic_remind ul > li > p { width:110px; line-height:35px; font-size:16px; background-color:#fff; padding-left:40px; }
#load_area { width:1096px; height:160px; margin:10px 0; background-color:#fff; border:0.5px #bababa dashed; }

.publish_good_box .publish_good_detail_box { margin:10px 0;}
.publish_good_box .publish_good_detail_box .publish_good_detail_header { height:40px; margin-top:10px; }
.publish_good_box .publish_good_detail_box .publish_good_detail_header > img { float:left; font-size: 20px; color: #000000; margin-top:5px; font-weight:bold; margin-right:10px; }
.publish_good_box .publish_good_detail_box .publish_good_detail_header > p { float:left; height:40px; line-height:40px; font-size: 20px; color: #000000; font-weight:bold; }

.publish_good_table { width:1100px;  margin:10px auto; }
.publish_good_table tr > td { font-size: 14px; color: #000000; border-style:solid; border-width:1px; border-color:#e6e6e6; box-sizing:border-box; padding:10px 5px; }
.publish_good_table tr > td:first-child { width:10%; text-align:center;  background-color:#FFECEC; }
.publish_good_table_fee tr > td:first-child { background-color:#ECF5FF; }

.publish_good_table tr > td:last-child { width:90%; padding-left:20px; box-sizing:border-box; }
.publish_good_table input, .publish_good_table select { font-size: 16px; height:30px; } 
.publish_good_table input { padding-left:5px; }

.publish_ul_li ul { width:100%; } 
.publish_ul_li ul > li { float:left; height:30px; line-height:30px; } 
.publish_ul_li ul li > input, .publish_ul_li ul li > select { font-size: 16px; height:30px; } 
.publish_ul_li ul li > input { padding-left:5px; }

.publish_ul_li_spec ul { width:100%; } 
.publish_ul_li_spec ul > li { float:left; height:40px; line-height:40px; } 
.publish_ul_li_spec ul li > input, .publish_ul_li_spec ul li > select { font-size: 16px; height:30px; } 
.publish_ul_li_spec ul li > input { padding-left:5px; }

.publish_ul_li_fee ul { width:100%; } 
.publish_ul_li_fee ul > li { float:left; height:60px; line-height:60px; } 
.publish_ul_li_fee ul li > input, .publish_ul_li_fee ul li > select { font-size: 16px; height:30px; } 
.publish_ul_li_fee ul li > input { padding-left:5px; }


.publish_cate { width:100%; }
.publish_cate ul > li { float:left; width:25%; height:30px; font-size: 14px; color: #000000; box-sizing:border-box; padding:10px 5px; }


.detail_l_new { float: left; width: 420px; margin-right: 20px; color: #666; } 
.detail_l_new .main_pic { overflow: hidden; width: 420px; height: 420px; margin-bottom: 5px; text-align: center; vertical-align: middle; white-space: nowrap; border: 1px solid #ddd; } 
.detail_l_new .main_pic span { font-size:0px; line-height:0; display: inline-block; width:0; height:100%; vertical-align: middle; border: 0 none; }
.detail_l_new .main_pic img { max-width: 420px; max-height: 420px; vertical-align: middle; }

.detail_l_new .scroll_pic { float: left; width: 420px; height: 48px; }
.detail_l_new .scroll_pic img { width: 48px; height: 48px; vertical-align: middle; }
.detail_l_new .scroll_pic img:hover { width: 48px; height: 48px; vertical-align: middle; border-color:#aaaaee; border-width:2px; border-style:solid; }
.detail_l_new .scroll_pic .scroll_pic2 { border-right: #a1d2fd 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #a1d2fd 0px solid; PADDING-LEFT: 0px; OVERFLOW: hidden; BORDER-LEFT: #a1d2fd 1px solid; BORDER-BOTTOM: #a1d2fd 1px solid; ZOOM: 1; POSITION: relative}
.detail_l_new .scroll_pic .scroll_pic2 .LeftBotton { background: url(../images/ca_hz_002.gif) no-repeat 0px 0px; left: -1px; float: left; WIDTH: 12px; CURSOR: pointer; POSITION: absolute; top: 0px; height: 110px;}
.detail_l_new .scroll_pic .scroll_pic2 .RightBotton { background: url(../images/ca_hz_002.gif) no-repeat -11px 0px; right: -1px; float: right; WIDTH: 12px; CURSOR: pointer; POSITION: absolute; top: 0px; height: 110px;}
.detail_l_new .scroll_pic .scroll_pic2 .Cont { MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 424px; height: 48px; PADDING-TOP: 0px}
.detail_l_new .scroll_pic .scroll_pic2 img { width: 48px; height: 48px; vertical-align: middle; }
.detail_l_new .scroll_pic .scroll_pic2 img:hover {	width: 48px; height: 48px; vertical-align: middle; border-color:#aaaaee; border-width:2px; border-style:solid; }

.detail_l_new .detail_l_info1 { float: left; width: 420px; height: 30px; margin: 10px 40px 0 0; font-size: 14px; } 
.detail_l_new .detail_l_info1 .detail_l_info1_dd1 { float: left; width: 180px; overflow: hidden; }
.detail_l_new .detail_l_info1 .detail_l_info1_dd2 { float: left; width: 90px; overflow: hidden; }
.detail_l_new .detail_l_info1 .detail_l_info1_dd3 { float: left; width: 150px; text-align: right; overflow: hidden; }
.detail_l_new .detail_l_info1 a.toggle { padding-left: 20px; background: url(../images/icons.png) no-repeat; background-position: 0 -1061px; }
.detail_l_new .detail_l_info1 a.toggle:hover { background-position: 0 -1086px; }
.detail_l_new .detail_l_info2 { float: left; width: 420px; height: 30px; margin-right: 40px; font-size: 14px; }

/* .detail_l_new .btns a { background:url(../images/icon_pic.gif) no-repeat; } */
/* .detail_l_new .btns a:hover.up{background-position:0 -110px} */
/* .detail_l_new .btns a:hover.down{background-position:-20px -110px} */

.detail_c_new { float: left; width: 655px; color: #666; }
.detail_c_new .stock_info { border-color:#d9d9d9; border-width:1px; border-style:solid; padding:10px 10px 0 10px; box-sizing: border-box; }
.detail_c_new .stock_info .stock_title { padding-bottom:7px; }
.detail_c_new .stock_info .stock_title h2 { font-size: 20px; font-weight: bold; color:#000; }
.detail_c_new .stock_info .stock_title .stock_status { font-size: 20px; color:#F00; }

.detail_c_new dl { padding: 7px 0; }
.detail_c_new dt { float: left; width: 90px; font-size: 14px; }
.detail_c_new dd { line-height: 17px; float: left; overflow: hidden; font-size: 14px; }
.detail_c_new .price { font-size: 20px; padding-right: 3px; color: #f60; }
.detail_c_new .pay_img { display: inline-block; width: 30px; height: 100%; vertical-align: middle; border: 0 none; padding-right: 5px; }
.detail_c_new .pay_img img { width: 27px; height: 27px; vertical-align: middle; }
.detail_c_new .pay_img2 { display: inline-block; width: 90px; height: 100%; vertical-align: middle; border: 0 none; padding-right: 5px; }
.detail_c_new .pay_img2 img { width: 81px; height: 27px; vertical-align: middle; }
.detail_c_new .pay_img_box img { height: 27px; width:auto; padding-right: 5px; }
.detail_c_new .spec_info { float: left; width: 535px; } 
.detail_c_new .spec_block, .good_plus_info .spec_block { display: block; float: left; height: 24px; line-height: 24px; margin: 0px 8px 8px 0px; padding:0px 4px 0px 4px; text-align: center; border-color:#d9d9d9; border-width:1px; border-style:solid; font-size: 14px; }
.good_plus_info .spec_block { color:#b3b3b3; }
.detail_c_new .spec_info .btn_spec { float: right; width:20px; margin-top:10px; }

.detail_c_new .discount_info { float: left; width: 535px; line-height:1.7; }
.detail_c_new .discount_info b { display:inline-block; width:60px; color:#ff8000; font-size:12px; border:1px solid #ff8000; text-align:center; padding:0 1px; box-sizing:border-box; }
.detail_c_new .discount_info p { display:block; font-size:14px; }

.detail_c_new .buy { margin: 15px 0; }
.detail_c_new .btn_buy, .detail_c_new .btn_cart, .detail_c_new .btn_sale, .detail_c_new .btn_throw, .detail_c_new .btn_no, .detail_c_new .btn_wait, .detail_c_new .btn_full, .detail_c_new .btn_soldout, .detail_c_new .btn_waiting_list { display: block; float: left; width: 140px; height: 37px; margin-right: 15px; background: url(../images/btn.png) no-repeat; background-position: 0 -196px; }
.detail_c_new .btn_buy:hover { background-position: 0 -247px; }
.detail_c_new .btn_cart { background-position: 0 -307px; }
.detail_c_new .btn_cart:hover { background-position: 0 -358px; }
.detail_c_new .btn_sale { background-position: 0 -878px; }
.detail_c_new .btn_sale:hover { background-position: 0 -923px; }
.detail_c_new .btn_goods_query { float: left; width: 140px; height: 37px; margin-right: 15px; background: url(../images/goods_query.jpg) no-repeat; }
.detail_c_new .btn_goods_query:hover { float: left; width: 140px; height: 37px; margin-right: 15px; background: url(../images/goods_query_hover.jpg) no-repeat; }
.detail_c_new .btn_goods_query_info { float: right; padding-top: 8px; padding-right: 6px; color:#ffffff; }

.detail_c_new .btn_goods_query_new { margin-left:20px; text-decoration:none; cursor:pointer; }
.detail_c_new .btn_goods_query_new:hover { opacity:0.8; }

.detail_c_new .btn_throw { background-position: 0 -977px; }
.detail_c_new .btn_no { background-position: 0 -781px; }
.detail_c_new .btn_wait { cursor: pointer; background-position: 0 -1031px; }
.detail_c_new .btn_wait:hover { background-position: 0 -1079px; }
.detail_c_new .btn_full { background-position: 0 -1303px; }
.detail_c_new .btn_soldout { background-position: 0 -1348px; }
.detail_c_new .btn_waiting_list { background-position: 0 -1392px; }
.detail_c_new .btn_waiting_list:hover { background-position: 0 -1436px; }

.detail_c_new .btn_pay { display: block; float: left; width: 658px; height: 50px; background: url(../images/pay_banner.jpg) no-repeat; margin:5px 0 0 -2px; }
.detail_c_new .btn_pay:hover { display: block; float: left; width: 658px; height: 50px; background: url(../images/pay_banner_hover.jpg) no-repeat; margin:5px 0 0 -2px; }
.detail_c_new .btn_reward { display: block; float: left; width: 658px; height: 50px; background: url(../images/reward_pic.jpg) no-repeat; margin:5px 0 0 -2px; }

.detail_c_new .btn_pay_sign { display: block; float: left; width: 658px; height: 50px; background: url(../images/pay_banner_sign.jpg) no-repeat; margin:5px 0 0 -2px; }
.detail_c_new .btn_lock { display: block; float: left; width: 140px; height: 34px; line-height:34px; font-size:16px; font-weight:bold; color:#737373; text-align:center; margin-right:10px; padding:0 3px; border:1px solid #737373; background-color:#d9d9d9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration:none; cursor:not-allowed; }

.detail_buttom { width: 1096px; background-color: #ffffb3; margin-top: 10px; margin-bottom: 10px; } 
.detail_buttom .detail_buttom_info { padding: 4px; font-size: 14px; }

.sellerBox_new_frame { width: 1096px; height:110px; border-color:#d9d9d9; border-width:1px; border-style:solid; margin: 10px 0; clear:both; }
.sellerBox_new_frame .pic_box { float: left; padding: 2px 2px; width: 232px; height: 106px;}
.sellerBox_new_frame .pic_box .pic_place { text-align:center; vertical-align: middle; width: 232px; height: 102px; margin:2px 0 0 4px; background: url(../images/seller_pic_bg.png) no-repeat; } 
.sellerBox_new_frame .pic_box .pic_place img { max-width: 224px; max-height: 94px; vertical-align: middle; margin-top:4px; } 

.sellerBox_new_frame .info { float: left; padding: 10px 10px; width: 180px; height: 102px; } 
.sellerBox_new_frame .info .seller_name { display: block; font-size: 16px; height:25px; vertical-align: top; } 
.sellerBox_new_frame .info .seller_detail { display: block; font-size: 13px; } 
.sellerBox_new_frame .info .btn_shop { line-height: 32px; display: block; float: left; width: 85px; height: 32px; margin: 10px 2px 4px 2px; text-align: center; background: url(../images/btn.png) no-repeat; background-position: 0 -422px; } 
.sellerBox_new_frame .info .btn_shop:hover { text-decoration: none; color: #000; background-position: -106px -422px; } 

.sellerBox_new_frame .info2 { float: left; padding: 4px 4px; width: 138px; height: 102px; border-left-style:dashed; border-color:#f2f2f2; } 
.sellerBox_new_frame .info2 .info2_b1 { height:40px; vertical-align: top; text-align:center; font-size: 16px; padding-top:20px; }
.sellerBox_new_frame .info2 .info2_b2 { height:60px; vertical-align: top; text-align:center; font-size: 15px; padding-top:5px; }

.sellerBox_new_frame .info3 { float: left; padding: 4px 10px; width:186px; height: 102px; border-left-style:dashed; border-color:#f2f2f2; }
.sellerBox_new_frame .info3 .info3_b1 { height:10px; vertical-align: top; text-align:right; font-size: 10px; padding-top:4px; }
.sellerBox_new_frame .info3 .info3_b2 { height:30px; vertical-align: top; text-align:center; font-size: 16px; padding-top:6px; }
.sellerBox_new_frame .info3 .info3_b3 { height:60px; vertical-align: top; text-align:center; font-size: 12px; padding-top:4px; padding-left:40px; }
.sellerBox_new_frame .info3 .info3_b3 .info3_b3_green { height:10px; width:12%; vertical-align: middle; text-align:center; padding-left:8px; }
.sellerBox_new_frame .info3 .info3_b3 .info3_b3_week { height:50px; width:12%; vertical-align: top; text-align:center; font-size: 12px; }
.sellerBox_new_frame .info3 .info3_b4 { height:60px; vertical-align: middle; text-align:center; font-size: 16px; padding-top:15px; padding-left:10px; }

.sellerBox_new_frame .info4 { float: left; padding: 4px 4px; width: 138px; height: 102px; border-left-style:dashed; border-color:#f2f2f2; } 
.sellerBox_new_frame .info4 .info4_b1 { height:30px; vertical-align: top; text-align:center; font-size: 16px; padding-top:20px; }
.sellerBox_new_frame .info4 .info4_b2 { height:70px; vertical-align: top; text-align:center; font-size: 14px; padding-top:5px; }
.sellerBox_new_frame .info4 .info4_b2 span { display: block; }

.scroll_goods_pic_block { width: 830px; height: 830px; }
.scroll_goods_pic_block .close_pic_win { float: right; position: relative; right:30px; }
.scroll_goods_pic_block .close_pic_win img { max-width: 30px; max-height: 30px; }
.scroll_goods_pic_block .scroll_goods_pic { float: left; width: 820px; height: 800px; }
.scroll_goods_pic_block .scroll_goods_pic .LeftBotton { left: -1px; float: left; WIDTH: 12px; CURSOR: pointer; POSITION: absolute; top: 350px; height: 110px; }
.scroll_goods_pic_block .scroll_goods_pic .RightBotton { right: 35px; float: right; WIDTH: 12px; CURSOR: pointer; POSITION: absolute; top: 350px; height: 110px;}
.scroll_goods_pic_block .scroll_goods_pic .main_pic { overflow: hidden; width: 800px; height: 800px; text-align: center; vertical-align: middle; white-space: nowrap; } 
.scroll_goods_pic_block .scroll_goods_pic .main_pic span { font-size:0px; line-height:0; display: inline-block; width:0; height:100%; vertical-align: middle; border: 0 none; }
.scroll_goods_pic_block .scroll_goods_pic .main_pic img { max-width: 800px; max-height: 800px; vertical-align: middle; }

.tooltip { position: relative; display: inline-block; }

.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: #555;
  color: #fff;
  text-align: left;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -100px;

}
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent;
}
.tooltip:hover .tooltiptext { visibility: visible; }


.tooltip .tooltiptext2 {
  visibility: hidden;
  width: 180px;
  background-color: #fff;
  color: #000;
  text-align: left;
  padding: 5px;
  -webkit-border-radius: 6px; 
  -moz-border-radius: 6px; 
  border-radius: 6px;
  line-height:1.5;
  border:1px solid #dcdede;

  /* Position the tooltip text */
  position: absolute;
  z-index: 10;
  bottom: 125%;
  left: 50%;
  margin-left: -100px;

  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word;
  word-break: break-all;
}
.tooltip .tooltiptext2::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent;

	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word;
	word-break: break-all;

}
.tooltip:hover .tooltiptext2 { visibility: visible; }


.tooltip .tooltiptext3 {
  visibility: hidden;
  width: 285px;
  background-color: #fff;
  color: #333;
  text-align: left;
  padding: 5px 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 200%;
  left: 18%;
  margin-left: -50px;

  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word;
  word-break: break-all;

}
.tooltip .tooltiptext3::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 18%;
  margin-left: -6px;
  border-width: 6px;
  border-style: solid;
  border-color: #cccccc transparent transparent;

	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word;
	word-break: break-all;

}
.tooltip:hover .tooltiptext3 { visibility: visible; }

.tooltip .tooltiptext4 {
  visibility: hidden;
  width:210px;
  height:38px;
  line-height:18px;
  background-color:#fff;
  color: #000;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 99;
  bottom: 125%;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 1s;
  border:1px solid #dcdede;
}

.tooltip .tooltiptext4::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #dcdede transparent transparent transparent;
}

.tooltip:hover .tooltiptext4 {
  visibility: visible;
  opacity: 1;
}

.tooltip .tooltiptext5 {
  visibility: hidden;
  width:220px;
  height:auto; 
  line-height:18px; 
  background-color:#fff;
  color: #000;
  -webkit-border-radius: 6px; 
  -moz-border-radius: 6px; 
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 99;
  bottom: 125%;
  left: 50%;
  margin-left: -120px;
  opacity: 0;
  transition: opacity 1s;
  border:1px solid #dcdede;
  text-align:left;
}

.tooltip .tooltiptext5::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #dcdede transparent transparent transparent;
}

.tooltip:hover .tooltiptext5 {
  visibility: visible;
  opacity: 1;
}

.tooltip .tooltiptext6 {
	visibility: hidden;
	position: absolute;
	background: #ffffff;
	z-index: 99;
	width: 120px;
	top: 0;
	right: -148px;
	padding: 1em;
	text-align: left;
	color: #333;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px #48c4fd solid;
	opacity: 0;
	
	/* white-space: pre-wrap; */
	/* white-space: -moz-pre-wrap; */
	/* white-space: -pre-wrap; */
	/* white-space: -o-pre-wrap; */
	word-wrap: break-word;
	word-break: break-all;
}

.tooltip .tooltiptext6 b {
	display: block;
	font-size:14px;
	margin-bottom:0.5em;
}


.tooltip .tooltiptext6::after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: -20px;
	top: 0;
	border: transparent 10px solid;
	border-right: #2ab9f9 10px solid;
}

.tooltip:hover .tooltiptext6 {
  visibility: visible;
  opacity: 1;
}

.search_no_data { margin-top:20px; width:100%; border: 8px solid #e5e5e5; background-color:#fafafa; height:200px; padding:10px 5px; box-sizing: border-box; }
.search_no_data .search_no_data_left { width:25%;float:left; }
.search_no_data .search_no_data_pic { overflow: hidden; width: 130px; height: 200px; margin: 0 auto; text-align: center; vertical-align: middle; margin-top:10px; }
.search_no_data .search_no_data_pic span { font-size: 0; line-height: 0; display: inline-block; width: 0; height: 100%; vertical-align: middle; border: 0 none; }
.search_no_data .search_no_data_right { width:75%;float:right;line-height:1.6; }
.search_no_data span { display:block; }

.search_no_data2 { margin-top:20px; width:100%; height:200px; padding:10px 5px; box-sizing: border-box; }
.search_no_data2 .search_no_data_left { width:25%;float:left; }
.search_no_data2 .search_no_data_pic { overflow: hidden; width: 130px; height: 200px; margin: 0 auto; text-align: center; vertical-align: middle; margin-top:10px; }
.search_no_data2 .search_no_data_pic span { font-size: 0; line-height: 0; display: inline-block; width: 0; height: 100%; vertical-align: middle; border: 0 none; }
.search_no_data2 .search_no_data_right { width:75%; float:right; padding-top:10px; line-height:3; }
.search_no_data2 span { display:block;  }
.search_no_data2 a { text-decoration:none; color:blue; }

/* 新版 我的拍賣 css */
#wrap_new { width: 1100px; margin: 0 auto; overflow:hidden; }
.mem_cent { width: 100%; }

.mem_cent .mem_info { width: 100%; height:145px; }
.mem_cent .mem_info { display:block; width: 100%; height:145px; }
.mem_cent .mem_info .mem_info_left { float:left; width: 25%; background-color: #ffb3d9; height:145px; }
.mem_cent .mem_info .mem_info_right { float:right; width: 75%; background-color: #ff99ff; height:145px; }
.mem_cent .mem_info .mem_info_right .mem_info_right_top {  width: 100%; background-color: #bb99ff; height:80px; }
.mem_cent .mem_info .mem_info_right .mem_info_right_bottom { width: 100%; background-color: #ccff99; height:65px; }


/* 各功能清單 */
.mem_page_border { width: 100%; }

/* 各功能表頭列表 */
.mem_page_border .mem_page_head	{ width:100%; height:60px; }
.mem_page_border .mem_page_head ul { list-style:none; width: 100%; overflow:hidden; height:60px; }
.mem_page_border .mem_page_head li { float:left; height:60px; box-sizing: border-box; }
.mem_page_border .mem_page_head li a {
  display:block;
  width:100%;
  text-decoration:none; 
  font-size: 20px; 
  border-bottom:4px solid #e6e6e6; 
  vertical-align: center;
  text-align:center;
  padding:10px;
  box-sizing: border-box;
}

.mem_page_border .mem_page_head .mem_page_list_now { border-color: #ffcc80; }

.mem_page_order_fast { width:100%; height:60px; background-color:#80d4ff; padding:10px 10px; box-sizing: border-box; }
.mem_page_order_fast .mem_page_order_fast_text { float:left; width:10%; }
.mem_page_order_fast .mem_page_order_fast_text p { width:100%; height:40px; line-height:40px; font-size:16px; text-align:center; }
.mem_page_order_fast .mem_page_order_fast_box { width:100%; }
.mem_page_order_fast .mem_page_order_fast_box ul { width:100%; }
.mem_page_order_fast .mem_page_order_fast_box li { float:left; width:20%; height:40px; line-height:40px; font-size:16px; box-sizing: border-box; border:#e6e6e6 1px solid; border-radius:5px; background-color:#fff; text-align:center; margin:0px 5px; cursor:pointer; }

/* 各功能搜尋區 */
.mem_page_border .mem_page_search { width:100%; padding:20px; box-sizing: border-box; }
.mem_page_border .mem_page_search input, .mem_page_border .mem_page_search select , .mem_page_border .mem_page_search span { font-size: 14px; } 

.mem_page_border .mem_page_search ul { width:100%; height:40px; } 
.mem_page_border .mem_page_search li { float:left; height:40px; margin:auto; line-height:40px; } 
.mem_page_border .mem_page_search li p { font-size: 14px; line-height:40px; }

.mem_page_search_block { box-sizing: border-box; font-size: 14px; padding:0px 0 15px 5px; }
.mem_page_search_block input, .mem_page_search_block select, .mem_page_search_block button { font-size: 14px; }

/* 各功能資料區 */
.mem_page_border .mem_page_content { width: 100%; clear: both; box-sizing: border-box; padding:0px 20px; }

.mem_page_border .mem_page_content .pic { overflow: hidden; width: 80px; height: 80px; margin: 0 auto; text-align: center; vertical-align: middle; border: 1px solid #ddd; }
.mem_page_border .mem_page_content .pic span { font-size: 0; line-height: 0; display: inline-block; width: 0; height: 100%; vertical-align: middle; border: 0 none; }
.mem_page_border .mem_page_content .pic img { max-width: 80px; max-height: 80px; vertical-align: middle; }

.mem_page_border .mem_page_content .info { min-height: 40px; }
.mem_page_border .mem_page_content .info a { display: block; margin: 8px 0 6px 0; color: #446faf; }

.order_buy_block { width:100%; box-sizing: border-box; margin:0 0 20px 0; border: 1px solid #dcdcdc; }
.order_buy_block .order_buy_head { width:100%; height:50px; padding-bottom:20px; }
.order_buy_block .order_buy_head ul { width:100%; height:25px; padding-top:4px; }
.order_buy_block .order_buy_head li { float:left; height:25px; line-height:25px; font-size: 14px; padding-left:20px; color:#999999; }
.order_buy_block .order_buy_head li a { text-decoration:none; }

.order_buy_block .order_buy_process { width:100%; padding:10px 0 5px 10px; }

.order_process_block { width: 100%; height: 7px; padding-left:3px; box-sizing:border-box; }
.order_process_block .order_process_square_point { float:left; width: 20px; height: 5px; border:1px solid #fff; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; border-radius: 1px;  }
.order_process_block .order_process_square_green { background: #55a11b; }
.order_process_block .order_process_square_gray { background: #7a7a7a; }
.order_process_block .order_process_square_lightgreen { background: #c6da61; }
.order_process_block .order_process_square_lightgray { background: #adadad; }

.order_process_explain { width: 100%; height: 30px; padding-left:3px; box-sizing:border-box; margin-top:2px; }
.order_process_explain .order_process_text_orange { float:left; width:154px; height: 30px; font-size: 12px; color:#333; }
.order_process_explain .order_process_text_gray { float:left; width:154px; height: 30px; font-size: 12px; color:#adadad; }

.order_a_box { display:inline-block; height:25px; border: 1px solid #dcdcdc; background-color:#fff; text-decoration:none; padding:0 10px; box-sizing:border-box; }
.order_a_box span { line-height:25px; color:#000; }

.mem_data_block { width:100%; margin:15px 0; border: 1px solid #e5e5e5; box-sizing: border-box; }
.mem_data_block .mem_data_block_head { width:100%; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; height:40px; line-height:40px; font-size:16px; color:#000; padding-left:20px; background-color:#eae8e9; }
.mem_data_block .mem_data_block_body { width:100%; padding:10px 20px; box-sizing: border-box; }

.ul-li-table { width:100%; overflow:hidden; box-sizing: border-box; }

.ul-li-table ul {
  float:left;
  clear:right;
  padding-right:30px;
  padding-top:5px;
}

.ul-li-table li {
  float:left;
  clear:left;
  padding:5px;
  height:30px;
}


.ul-li-table li .li_data span{
	display:block;
	padding-bottom:10px;
}

.ul-li-table-v2 { width:100%; overflow:hidden; box-sizing: border-box; }

.ul-li-table-v2 ul {
  width:100%;
  height:32px;
  margin:8px 0;
}

.ul-li-table-v2 li {
  float:left;
  line-height:2.5;
}

.ul-li-table-v2 a { text-decoration:none; }
.ul-li-table-v2 li input[type="text"] , .ul-li-table-v2 li input[type="password"] { height:30px; color: #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; padding: 2px 4px; border: 1px solid #dcdcdc; box-sizing:border-box; }

.select_box_block { width:100%; }
.select_box_block li { float:left; }
.select_box_block .select_box_base { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; border: 1px solid #dcdcdc; padding: 0.5em 1em; text-align: center; box-sizing:border-box; }
.select_box_block a { text-decoration:none; }
.select_box_block .select_box_base { background: #ffffff; }
.select_box_block .select_box_active { background: #eeeeee; }

.select_box_base2 { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; border: 1px solid #dcdcdc; padding: 0.5em 1em; text-align: center; box-sizing:border-box;  }
.select_box_base2 a { text-decoration:none; }
.select_box_base2 { background: #ffffff; }
.select_box_active2 { background: #eeeeee; }

.i_note {
	display: block;
	font-size: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #a6a6a6;
	color: #a6a6a6;
	float: left;
	height: 12px;
	padding: 1px 1px 4px 1px;
	text-align: center;
	vertical-align: top;
	width: 15px;
}

.i_note2 {
	display: block;
	font-size: 14px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color:#e6e6e6;
	color: #a6a6a6;
	height: 20px;
	text-align: center;
	vertical-align:middle;
	width: 20px;
	line-height:20px;
	margin:10px auto;
}

.t_green_Box2 { border: 1px solid #599F00; color: #599F00; display: inline-block; height: 18px; line-height: 16px; }
.t_red_Box2 { border: 1px solid #FF0000; color: #FF0000; display: inline-block; height: 18px; line-height: 16px; }


/* 商品留言 */
.buy_message_box { width:100%; margin-bottom:20px; box-sizing: border-box; border: 1px solid #cacaca; border-radius: 4px; }

.buy_message_head { width:100%; height:25px; padding:8px 20px 0px 20px; }
.buy_message_head .buy_message_head_left { float:left; width:85%; height:25px; font-size: 14px; line-height:25px; }
.buy_message_head .buy_message_head_right { float:left; text-align:center; width:15%; height:25px; font-size: 14px; line-height:25px; }

.buy_message_body { width:100%; height:auto; padding:0 20px; box-sizing:border-box; }
.buy_message_body .message_context_ask_box { width:100%; height:auto; clear:both; overflow:hidden; margin:10px 0; padding-top:5px; }
.buy_message_body .message_context_res_box { width:100%; height:auto; clear:both; overflow:hidden; background-color:#f2f2f2; margin:10px 0; padding:10px 0; }
.buy_message_body .message_context_ask_box .message_context_box_text { float:left; display:block; width:84%; height:auto; font-size: 14px; line-height:1.5; word-wrap: break-word; }
.buy_message_body .message_context_ask_box .message_context_box_right { float:right; display:block; width:16%; height:auto; font-size: 14px; color:#999999; padding-top:2px; }
.buy_message_body .message_context_res_box .message_context_box_text { float:left; display:block; width:84%; height:auto; font-size: 14px; line-height:1.5; box-sizing:border-box; padding-left:20px; word-wrap: break-word; }
.buy_message_body .message_context_res_box .message_context_box_right { float:right; display:block; width:16%; height:auto; font-size: 14px; box-sizing:border-box; color:#999999; padding-top:2px; }
.del_message_btn { padding-left:8px; }
.del_message_btn a { font-size: 12px; text-decoration:none; }

.buy_message_ans { width:100%; height:auto; padding:8px 20px; box-sizing:border-box; }
.buy_message_ans .message_ans_box { width:100%; height:auto; padding: 5px 20px 10px 20px; overflow:hidden; }
.buy_message_ans .message_ans_box .buy_message_title { width:100%; height:25px; line-height:25px; font-size: 14px; font-weight: bold; }
.buy_message_ans .message_ans_box .buy_message_text { width:100%; height:113px; padding-bottom:10px; }
.buy_message_ans .message_ans_box .buy_message_text textarea { width:95%; font-size: 14px; }

.buy_no_message_box { width:99%; height:auto; text-align:center; box-sizing: border-box; margin-bottom:20px; }
.buy_no_message_box img { display:block; margin:auto; }
.buy_no_message_box span { font-size: 14px; color:#bfbfbf; }

.return_goods_block { display: block; width:100%; height:26px; margin:20px 0; background: url(../images/index_btn.png) no-repeat; background-position: 0px -329px; box-sizing: border-box; }
.return_goods_block a:hover { text-decoration:none; }
.return_goods_block span { font-size:20px; color:#3366ff; padding-left:35px; }

.message_ask_box { width:100%; background-color: #f2f2f2; padding:0 20px; box-sizing: border-box; }
.message_ask_box .message_ask_box_title  { width:100%; padding-top:12px; box-sizing: border-box; }
.message_ask_box .message_ask_box_input { width:100%; padding-top:12px; box-sizing: border-box; }
.message_ask_box .message_ask_box_input textarea { width: 100%; padding:12px 20px 12px 20px; font-size: 14px; resize:none; box-sizing: border-box; height: 6em; }
.message_ask_box .message_ask_box_btn { width:100%; padding:12px 0px; box-sizing: border-box; }

/* 私訊留言 */
.message_list_box { width:100%; overflow:hidden; background-color:#f3f3f3; margin:10px 0; box-sizing: border-box; }
.message_list_box .message_list_head { width:100%; height:40px; font-size: 14px; padding:10px 20px 0px 20px; line-height:40px; box-sizing: border-box; }
.message_list_box .message_list_head a { text-decoration:none; color:blue; }
.message_list_box .message_list_body { width:100%; height:auto; padding:10px 20px 0px 20px; background-color:#f2f2f2; box-sizing: border-box;  }
.message_list_box .message_list_body .message_list_input { width:100%; padding:4px 0px; }
.message_list_box .message_list_body .message_list_input textarea { width:100%; font-size: 14px; padding:5px 20px 0 20px; border-radius: 4px; resize:none; box-sizing: border-box; }
.message_list_box .message_list_body .message_list_input input { width:97%; font-size: 14px; padding-left:20px; border-radius: 4px; height:30px; line-height:30px; }
.message_list_box .message_list_btn { width:100%; padding:10px 20px; box-sizing: border-box; }

/* 訂單留言 私訊留言 內容 */
.message_list_detail { width:100%; overflow:hidden; border: 1px solid #cacaca; border-radius: 4px; margin-bottom:20px; box-sizing: border-box; }
.message_list_detail .message_list_detail_head { width:100%; height:30px; line-height:30px; padding:5px 20px; box-sizing: border-box; }
.message_list_detail .message_list_detail_head .message_list_detail_head_l { float:left; width:25%; height:30px; line-height:30px; font-size: 14px; }
.message_list_detail .message_list_detail_head .message_list_detail_head_l a { text-decoration:none; }
.message_list_detail .message_list_detail_head .message_list_detail_head_m { float:left; width:60%; height:30px; line-height:30px; font-size: 14px; }
.message_list_detail .message_list_detail_head .message_list_detail_head_m a { text-decoration:none; color:#ff9d05; }
.message_list_detail .message_list_detail_head .message_list_detail_head_r { float:right; width:15%; height:30px; line-height:30px; font-size: 14px; color:#cacaca; }
.message_list_detail .message_list_detail_context { width:100%; padding:8px 20px; box-sizing: border-box; font-size: 14px; word-wrap: break-word; line-height:1.5; }

.message_list_box2 { width:100%; overflow:hidden; background-color:#f3f3f3; margin:10px 0; box-sizing: border-box; }
.message_list_box2 .message_list_head { width:100%; height:40px; font-size: 14px; padding:5px 20px 5px 20px; line-height:40px; box-sizing: border-box; }
.message_list_box2 .message_list_body { width:100%; height:auto; padding:0px 20px; background-color:#f2f2f2; box-sizing: border-box; }
.message_list_box2 .message_list_body .message_list_input { width:100%; padding:4px 0px; }
.message_list_box2 .message_list_body .message_list_input input { width:50%; font-size: 14px; padding:0 20px; border-radius: 4px; height:30px; line-height:30px; box-sizing: border-box; }
.message_list_box2 .message_list_body .message_list_input select { font-size: 14px; height:30px; line-height:30px; }
.message_list_box2 .message_list_body .message_list_input textarea { width:100%; font-size: 14px; padding:5px 20px 0 20px; border-radius: 4px; resize:none; box-sizing: border-box; height:6em; }
.message_list_box2 .message_list_btn { width:100%; padding:4px 20px 10px 20px; box-sizing: border-box; }

.message_title { width:100%; height:50px; background-color:#2495e3; box-sizing: border-box; line-height:50px; color:#fff; font-size: 26px; position:relative; padding-left:60px; }
.message_title .message_close { display:block; position:absolute; text-align:center; width:8%; height:40px; color:#fff; font-size:24px; line-height:40px; top:5px; right:5px; z-index:999; cursor: pointer; }
.message_title .message_go_w { display:block; position:absolute; text-align:right; width:20%; height:40px; color:#fff; font-size:24px; line-height:40px; top:5px; right:100px; z-index:999; cursor: pointer; padding-right:20px; box-sizing: border-box; }
.message_title .message_btn_w { display: block; position:absolute; margin:auto; width: 33px; height: 31px; top:11px; right:250px; background: url(../images/index_btn.png) no-repeat; background-position: 0 -504px; text-align: center; }
.message_title .message_btn { display: block; position:absolute; margin:auto; width: 150px; height: 31px; top:11px; left:20px; background: url(../images/index_btn.png) no-repeat; background-position: 0 -264px; text-align: center; }
.message_title a { text-decoration:none; color:#fff; }


.message_search { width:100%; height:40px; line-height:40px; font-size: 14px; box-sizing: border-box; margin-top:4px; position:relative; }
.message_search .message_search_left { float:left; width:24%; }
.message_search .message_search_left ul { width:100%; margin-top:4px;}
.message_search .message_search_left li { float:left; width:80px; }
.message_search .message_search_left li a { display: block; margin-right: -1px; height:30px; line-height:30px; text-align:center; padding:0 15px; font-size:14px; border:#5388a8 1px solid; text-decoration:none; cursor:pointer; }

.message_search .message_search_middle { float:left; width:3%; position:relative; }
.message_search .message_search_middle .message_search_img { display: block; width:12px; height:12px; background: url(../images/index_btn.png) no-repeat; background-position: 0px -467px; position:absolute; top:15px; left:10px; }
.message_search .message_search_right { float:right; width:73%; font-size: 14px; }
.message_search .message_search_right input { height:30px; font-size: 14px; border-color:#decede 1px solid; box-sizing: border-box; }

.message_center_w_head { width:100%; height:40px; }
.message_center_w_head .message_center_w_head_left { float:left; display: block; width:20%; height:40px; background-color:#f3f3f3; border:#cacaca 1px solid; cursor:pointer; box-sizing: border-box; margin-right:1%; }
.message_center_w_head .message_center_w_head_left .return_message_center_w_box_img { background: url(../images/index_btn.png) no-repeat; background-position: 20px -322px; }
.message_center_w_head .message_center_w_head_left span { font-size: 20px; font-weight: bold; padding-left:65px; box-sizing: border-box; line-height:40px; }

.message_center_w_head .message_center_w_head_right { float:right; display: block; width:79%; height:40px; background-color:#f3f3f3; border:#cacaca 1px solid; box-sizing: border-box; }
.message_center_w_head .message_center_w_head_right ul { width:100%; }
.message_center_w_head .message_center_w_head_right li { float:left; width:60px; height:40px; }
.message_center_w_head .message_center_w_head_right li a { float:left; display:block; width:100%; height:40px; line-height:40px; font-size: 14px; text-align:center; text-decoration:none; }

.message_center_head_box { width:100%; height:40px; background-color:#f3f3f3; border:#cacaca 1px solid; box-sizing: border-box; margin-top:10px; }
.message_center_head_box ul { width:100%; }
.message_center_head_box li { float:left; width:60px; height:40px; }
.message_center_head_box li a { float:left; display:block; width:100%; height:40px; line-height:40px; font-size: 14px; text-align:center; text-decoration:none; }

.mail_title { width:100%; border:0px; overflow: hidden; height:40px; line-height:40px; }

.mail_title .mail_left { float:left; width:70%; padding-left:18px; box-sizing: border-box; }
.mail_title .mail_left select { font-size: 14px; height:auto; border:0; }
.mail_title .mail_left a { font-size: 14px; TEXT-DECORATION: none; }
.mail_title .mail_right { float:right; width:30%; font-size: 14px; }

#loading_box { display:none; width:100px; height:40px;  }
#loading_box span { width:100%; font-size: 18px; line-height:40px; text-align:center; color:red; }

.pager_v2 { text-align: right; }
.pager_v2 a { padding: 2px 5px; border: #ddd 1px solid; COLOR: #414141; MARGIN-left: 2px; TEXT-DECORATION: none; }
.pager_v2 a:hover { border: #1a73ab 1px solid; }
.pager_v2 span.current { padding: 2px 5px; color: #446faf; border: #1a73ab 1px solid; FONT-WEIGHT: bold; MARGIN-RIGHT: 2px; BACKGROUND-COLOR: #fff; }
.pager_v2 span.disabled { border: #f3f3f3 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; }

.message_center_mess_box { width:100%; height:57vh; overflow-x:hidden; margin:5px 0px; box-sizing: border-box; }
.message_center_mess_box2 { width:100%; height:29vh; overflow:hidden; margin:5px 0px; box-sizing: border-box; }
.message_center_mess_box3 { width:100%; height:88vh; overflow-x:hidden; margin:5px 0px 30px 0px; box-sizing: border-box; }
.message_center_mess_box4 { width:100%; height:88vh; overflow-x:hidden; margin:5px 0px; box-sizing: border-box; }

.goods_mem_info_box { width:100%; height:25px; overflow:hidden; line-height:25px; font-size: 14px; margin:5px 0px; }
.goods_mem_info_box a { text-decoration:none; }

.goods_info_box { width:100%; height:90px; overflow:hidden; border:1px solid #eeeeee; margin:5px 0px; box-sizing: border-box; }
.goods_info_box .goods_info_box_left { display:block; float:left; width:90px; height:90px; box-sizing: border-box; }
.goods_info_box .goods_info_box_left .mess_pic { overflow: hidden; width: 80px; height: 80px; margin: 5px; text-align: center; vertical-align: middle; border: 1px solid #ddd; }
.goods_info_box .goods_info_box_left .mess_pic span { font-size: 0; line-height: 0; display: inline-block; width: 0; height: 100%; vertical-align: middle; border: 0 none; }
.goods_info_box .goods_info_box_left .mess_pic img { max-width: 80px; max-height: 80px; vertical-align: middle; }

.goods_info_box .goods_info_box_right { display:block; float:left; width:90%; height:90px; padding:5px 4px; box-sizing: border-box; }
.goods_info_box .goods_info_box_right a { text-decoration:none; }
.goods_info_box .goods_info_box_right span { display:block; color:#999999; font-size: 14px; }

.message_data { width:100%; height:77vh; clear:both; overflow:hidden; }
.message_data ul { width:100%; height:50px; border:1px solid #cacaca; border-width:1px 1px 0px 1px; box-sizing: border-box; }
.message_data ul:last-child { border-width:1px 1px 1px 1px; box-sizing: border-box; } 
.message_data ul li { float:left; height:50px; line-height:50px; font-size: 14px; padding:2px 10px 4px 10px; box-sizing: border-box; overflow:hidden; }

.message_data_w { width:100%; height:auto; overflow:hidden; }
.message_data_w ul { width:100%; height:50px; border:1px solid #cacaca; border-width:1px 1px 0px 1px; box-sizing: border-box; }
.message_data_w ul:last-child { border-width:1px 1px 1px 1px; box-sizing: border-box; }
.message_data_w ul li { float:left; height:50px; line-height:50px; font-size: 14px; padding:2px 10px 4px 10px; box-sizing: border-box; overflow:hidden; }


.t_light_gray { background-color: #f2f2f2; }

.message_type_box { width:80px; height:30px;  box-sizing: border-box; padding:3px 3px; font-size: 14px; border:#b3b3b3 1px solid; border-radius:6px; text-align:center; }

.message_agree_box { width:100%; height:25px; margin-top:20px; text-align:center; }
.message_agree_box a { width:120px; height:25px; font-size:24px; line-height:25px; text-align:center; text-decoration: none; cursor:pointer; padding:0px 20px; }

#input_passwd_box { display:none; width:300px; height:180px; position:absolute; border:#6eccee 1px solid; box-sizing: border-box; background-color:#fff; z-index:9999; }
#input_passwd_box .input_passwd_box_title { width:100%; height:32px; line-height:32px; padding-left:10px; font-size:15px; border-bottom: 1px solid #6eccee; background-color: #d6f3fc; box-sizing: border-box; }
#input_passwd_box .input_passwd_box_content { width:100%; box-sizing: border-box; padding:20px 30px; text-align:center; }
#input_passwd_box .input_passwd_box_content ul { width:100%; }
#input_passwd_box .input_passwd_box_content li { width:100%; height:30px; line-height:30px; font-size:12px; text-align:center; }
#input_passwd_box .input_passwd_box_content input { width:90%; box-sizing: border-box; padding:0 10px; height:25px; }
#input_passwd_box .input_passwd_box_close { display:block; width:20px; height:20px; text-align:center; line-height:20px; border-radius:50%; -webkit-border-radius:50%; background-color:#000; color:#fff; border:1px solid #000; position:absolute; right:5px; top:5px; }

.message_mark {
  margin: 0 auto;
  width:0;  
  height:15px;
  border-top:1px solid #ffd76e;
  border-left:7px solid #ffd76e;  
  border-right:7px solid #ffd76e;  
  border-bottom:4px solid transparent;
}

.message_mark2 {
  margin: 0 auto;
  width:0;  
  height:15px;
  border-top:1px solid #cbcbcb;
  border-left:7px solid #cbcbcb;  
  border-right:7px solid #cbcbcb;  
  border-bottom:4px solid transparent;
}

.message_marked {
  width:0;  
  height:14px;
  border-left:6px solid #fff;  
  border-right:6px solid #fff;  
  border-bottom:3px solid transparent;
  margin-left: -6px;
}

#cookie_error_box { display:none; width:450px; height:180px; position:fixed; top:200px; left:0; right:0; margin:0 auto; border:#a6a6a6 1px solid; z-index:999999; }
#cookie_error_box .cookie_error_head { width:100%; height:40px; line-height:40px; font-size:16px; background-color:#2495e3; padding-left:10px; box-sizing:border-box; color:#fff; }
#cookie_error_box .cookie_error_content { width:100%; height:140px; background-color:#fff; padding:20px; box-sizing:border-box; }
#cookie_error_box .cookie_error_content p { font-size:14px; line-height:1.7; }
#cookie_error_box #cookie_error_x { position:absolute; display:block; text-align:center; width:30px; height:30px; line-height:30px; right:10px; top:5px; font-size: 16px; box-sizing:border-box; cursor:pointer; color:#fff; }

#message_error_box { display:none; width:250px; height:100px; position:fixed; top:200px; left:0; right:0; margin:0 auto; border:#a6a6a6 1px solid; z-index:999999; }
#message_error_box .message_error_head { width:100%; height:40px; line-height:40px; font-size:16px; background-color:#2495e3; padding-left:10px; box-sizing:border-box; color:#fff; }
#message_error_box .message_error_content { width:100%; height:60px; background-color:#fff; padding:20px; box-sizing:border-box; }
#message_error_box .message_error_content p { font-size:14px; line-height:1.7; }
#message_error_box #message_error_x { position:absolute; display:block; text-align:center; width:30px; height:30px; line-height:30px; right:10px; top:5px; font-size: 16px; box-sizing:border-box; cursor:pointer; color:#fff; }


#loading_disp_box{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	
	width:234px;
	height:100px;
	margin:auto;
	z-index:999;
}

.loading_disp_box{
  color:rgb(0,0,0);
  font-family:Arial;
  font-size:24px;
  text-decoration:none;
  font-weight:normal;
  font-style:normal;
  float:left;
  animation-name:bounce_loading_disp_box;
  -o-animation-name:bounce_loading_disp_box;
  -ms-animation-name:bounce_loading_disp_box;
  -webkit-animation-name:bounce_loading_disp_box;
  -moz-animation-name:bounce_loading_disp_box;
  animation-duration:2.09s;
  -o-animation-duration:2.09s;
  -ms-animation-duration:2.09s;
  -webkit-animation-duration:2.09s;
  -moz-animation-duration:2.09s;
  animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite;
  -ms-animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
  -moz-animation-iteration-count:infinite;
  animation-direction:normal;
  -o-animation-direction:normal;
  -ms-animation-direction:normal;
  -webkit-animation-direction:normal;
  -moz-animation-direction:normal;
  transform:scale(.5);
  -o-transform:scale(.5);
  -ms-transform:scale(.5);
  -webkit-transform:scale(.5);
  -moz-transform:scale(.5);
}
#loading_disp_box_1{
  animation-delay:0.75s;
  -o-animation-delay:0.75s;
  -ms-animation-delay:0.75s;
  -webkit-animation-delay:0.75s;
  -moz-animation-delay:0.75s;
}
#loading_disp_box_2{
  animation-delay:0.9s;
  -o-animation-delay:0.9s;
  -ms-animation-delay:0.9s;
  -webkit-animation-delay:0.9s;
  -moz-animation-delay:0.9s;
}
#loading_disp_box_3{
  animation-delay:1.05s;
  -o-animation-delay:1.05s;
  -ms-animation-delay:1.05s;
  -webkit-animation-delay:1.05s;
  -moz-animation-delay:1.05s;
}
#loading_disp_box_4{
  animation-delay:1.2s;
  -o-animation-delay:1.2s;
  -ms-animation-delay:1.2s;
  -webkit-animation-delay:1.2s;
  -moz-animation-delay:1.2s;
}
#loading_disp_box_5{
  animation-delay:1.35s;
  -o-animation-delay:1.35s;
  -ms-animation-delay:1.35s;
  -webkit-animation-delay:1.35s;
  -moz-animation-delay:1.35s;
}
#loading_disp_box_6{
  animation-delay:1.5s;
  -o-animation-delay:1.5s;
  -ms-animation-delay:1.5s;
  -webkit-animation-delay:1.5s;
  -moz-animation-delay:1.5s;
}
#loading_disp_box_7{
  animation-delay:1.64s;
  -o-animation-delay:1.64s;
  -ms-animation-delay:1.64s;
  -webkit-animation-delay:1.64s;
  -moz-animation-delay:1.64s;
}

@keyframes bounce_loading_disp_box{
	0%{
		transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		transform:scale(.5);
		color:rgb(255,255,255);
	}
}

@-o-keyframes bounce_loading_disp_box{
	0%{
		-o-transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		-o-transform:scale(.5);
		color:rgb(255,255,255);
	}
}

@-ms-keyframes bounce_loading_disp_box{
	0%{
		-ms-transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		-ms-transform:scale(.5);
		color:rgb(255,255,255);
	}
}

@-webkit-keyframes bounce_loading_disp_box{
	0%{
		-webkit-transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		-webkit-transform:scale(.5);
		color:rgb(255,255,255);
	}
}

@-moz-keyframes bounce_loading_disp_box{
	0%{
		-moz-transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		-moz-transform:scale(.5);
		color:rgb(255,255,255);
	}
}

#floatingBarsG{	
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	
	width:60px;
	height:75px;
	margin:auto;
	z-index:999;
	
	display:none;
}

.blockG{
  position:absolute;
  background-color:rgb(255,255,255);
  width:10px;
  height:23px;
  border-radius:8px 8px 0 0;
  -o-border-radius:8px 8px 0 0;
  -ms-border-radius:8px 8px 0 0;
  -webkit-border-radius:8px 8px 0 0;
  -moz-border-radius:8px 8px 0 0;
  transform:scale(0.4);
  -o-transform:scale(0.4);
  -ms-transform:scale(0.4);
  -webkit-transform:scale(0.4);
  -moz-transform:scale(0.4);
  animation-name:fadeG;
  -o-animation-name:fadeG;
  -ms-animation-name:fadeG;
  -webkit-animation-name:fadeG;
  -moz-animation-name:fadeG;
  animation-duration:1.2s;
  -o-animation-duration:1.2s;
  -ms-animation-duration:1.2s;
  -webkit-animation-duration:1.2s;
  -moz-animation-duration:1.2s;
  animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite;
  -ms-animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
  -moz-animation-iteration-count:infinite;
  animation-direction:normal;
  -o-animation-direction:normal;
  -ms-animation-direction:normal;
  -webkit-animation-direction:normal;
  -moz-animation-direction:normal;
}

#rotateG_01{
  left:0;
  top:27px;
  animation-delay:0.45s;
  -o-animation-delay:0.45s;
  -ms-animation-delay:0.45s;
  -webkit-animation-delay:0.45s;
  -moz-animation-delay:0.45s;
  transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
}

#rotateG_02{
  left:8px;
  top:10px;
  animation-delay:0.6s;
  -o-animation-delay:0.6s;
  -ms-animation-delay:0.6s;
  -webkit-animation-delay:0.6s;
  -moz-animation-delay:0.6s;
  transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
}

#rotateG_03{
  left:25px;
  top:3px;
  animation-delay:0.75s;
  -o-animation-delay:0.75s;
  -ms-animation-delay:0.75s;
  -webkit-animation-delay:0.75s;
  -moz-animation-delay:0.75s;
  transform:rotate(0deg);
  -o-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
}

#rotateG_04{
  right:8px;
  top:10px;
  animation-delay:0.9s;
  -o-animation-delay:0.9s;
  -ms-animation-delay:0.9s;
  -webkit-animation-delay:0.9s;
  -moz-animation-delay:0.9s;
  transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
}

#rotateG_05{
  right:0;
  top:27px;
  animation-delay:1.05s;
  -o-animation-delay:1.05s;
  -ms-animation-delay:1.05s;
  -webkit-animation-delay:1.05s;
  -moz-animation-delay:1.05s;
  transform:rotate(90deg);
  -o-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
}

#rotateG_06{
  right:8px;
  bottom:7px;
  animation-delay:1.2s;
  -o-animation-delay:1.2s;
  -ms-animation-delay:1.2s;
  -webkit-animation-delay:1.2s;
  -moz-animation-delay:1.2s;
  transform:rotate(135deg);
  -o-transform:rotate(135deg);
  -ms-transform:rotate(135deg);
  -webkit-transform:rotate(135deg);
  -moz-transform:rotate(135deg);
}

#rotateG_07{
  bottom:0;
  left:25px;
  animation-delay:1.35s;
  -o-animation-delay:1.35s;
  -ms-animation-delay:1.35s;
  -webkit-animation-delay:1.35s;
  -moz-animation-delay:1.35s;
  transform:rotate(180deg);
  -o-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
}

#rotateG_08{
  left:8px;
  bottom:7px;
  animation-delay:1.5s;
  -o-animation-delay:1.5s;
  -ms-animation-delay:1.5s;
  -webkit-animation-delay:1.5s;
  -moz-animation-delay:1.5s;
  transform:rotate(-135deg);
  -o-transform:rotate(-135deg);
  -ms-transform:rotate(-135deg);
  -webkit-transform:rotate(-135deg);
  -moz-transform:rotate(-135deg);
}

@keyframes fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}


#warningGradientOuterBarG{
	height:19px;
	width:156px;
	border:1px solid rgb(0,0,0);
	overflow:hidden;
	
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	z-index:999;
	
  background-color:rgb(255,255,255);
  background: gradient(linear, 0% 0%, 0% 100%, from(rgb(255,255,255)), to(rgb(0,0,0)));
  background: -o-gradient(linear, 0% 0%, 0% 100%, from(rgb(255,255,255)), to(rgb(0,0,0)));
  background: -ms-gradient(linear, 0% 0%, 0% 100%, from(rgb(255,255,255)), to(rgb(0,0,0)));
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255,255,255)), to(rgb(0,0,0)));
  background: -moz-gradient(linear, 0% 0%, 0% 100%, from(rgb(255,255,255)), to(rgb(0,0,0)));
  background: linear-gradient(top, rgb(255,255,255), rgb(0,0,0));
  background: -o-linear-gradient(top, rgb(255,255,255), rgb(0,0,0));
  background: -ms-linear-gradient(top, rgb(255,255,255), rgb(0,0,0));
  background: -webkit-linear-gradient(top, rgb(255,255,255), rgb(0,0,0));
  background: -moz-linear-gradient(top, rgb(255,255,255), rgb(0,0,0));
}

.warningGradientBarLineG{
  background-color:rgb(255,255,255);
  float:left;
  width:14px;
  height:117px;
  margin-right:23px;
  margin-top:-27px;
  transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
}

.warningGradientAnimationG{
  width:230px;
  animation-name:warningGradientAnimationG;
  -o-animation-name:warningGradientAnimationG;
  -ms-animation-name:warningGradientAnimationG;
  -webkit-animation-name:warningGradientAnimationG;
  -moz-animation-name:warningGradientAnimationG;
  animation-duration:1.5s;
  -o-animation-duration:1.5s;
  -ms-animation-duration:1.5s;
  -webkit-animation-duration:1.5s;
  -moz-animation-duration:1.5s;
  animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite;
  -ms-animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
  -moz-animation-iteration-count:infinite;
  animation-timing-function:linear;
  -o-animation-timing-function:linear;
  -ms-animation-timing-function:linear;
  -webkit-animation-timing-function:linear;
  -moz-animation-timing-function:linear;
}

@keyframes warningGradientAnimationG{
	0%{
		margin-left:0px;
	}

	100%{
		margin-left:-37px;
	}
}

@-o-keyframes warningGradientAnimationG{
	0%{
		margin-left:0px;
	}

	100%{
		margin-left:-37px;
	}
}

@-ms-keyframes warningGradientAnimationG{
	0%{
		margin-left:0px;
	}

	100%{
		margin-left:-37px;
	}
}

@-webkit-keyframes warningGradientAnimationG{
	0%{
		margin-left:0px;
	}

	100%{
		margin-left:-37px;
	}
}

@-moz-keyframes warningGradientAnimationG{
	0%{
		margin-left:0px;
	}

	100%{
		margin-left:-37px;
	}
}

#loading-panel-box 
{
	height:100px;
	width:300px;
	display:none;
	
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	z-index:999;
}
.loading-panel-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.loading-panel {
  display: table;
  width: 200px;
  height: 80px;
  padding: 0px 30px;

  background-color: #ddd;
  border-radius: 10px;
  -webkit-box-shadow: inset 0px 2px 0px 0px rgba(238,238,238,1), 0px 1px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0px 2px 0px 0px rgba(238,238,238,1), 0px 1px 1px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 2px 0px 0px rgba(238,238,238,1), 0px 1px 1px rgba(0, 0, 0, 0.4);

  animation: 2s bounce ease infinite;
}

.loading-panel span {
  display: table-cell;
  vertical-align: middle;
}

.loading-panel h3 {
  color: #666;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Montserrat';
  font-weight: bold;
}

.loading-panel-shadow {
  position: absolute;
  width: 175px;
  height: 20px;
  bottom: -15%;
  left: 50%;
  transform: translateX(-50%);

  border-radius: 50%;
  background-color: #464646;
  opacity: 0.2;
  
  transform-origin: -50% -50%;
  animation: 2s pulsate ease infinite;
  
  z-index: -1;
}

@keyframes bounce {  
  50% {
    transform: translateY(-20px);
  }
}

@keyframes pulsate {
  0% {
      opacity: 0;
  }
  50% {
      transform: scale(0.5);
      opacity: 0.2;
  }
  
  100% {
      opacity: 0;
  }
}

/* 新版 table 搭配RWD */
.table-container { width:100%; overflow:hidden; }

.table-container th i.down , .table-container td i.down { display: inline-block; width: 10px; height: 10px; margin-left: 3px; background: url(../images/down-arrow2.svg) no-repeat center center; background-size: 100%; }
.table-container th i.up , .table-container td i.up { display: inline-block; width: 10px; height: 10px; margin-left: 3px; background: url(../images/up-arrow2.svg) no-repeat center center; background-size: 100%; }
.table-container th i.funnel , .table-container td i.funnel { display: inline-block; width: 8px; height: 8px; margin-left: 3px; background: url(../images/funnel.svg) no-repeat center center; background-size: 100%; }
.table-container th i.up_arrow , .table-container td i.up_arrow { display: inline-block; width: 15px; height: 15px; margin: auto 10px; background: url(../images/up-arrow.svg) no-repeat center center; background-size: 100%; }
.table-container th i.down_arrow , .table-container td i.down_arrow { display: inline-block; width: 15px; height: 15px; margin: auto 10px; background: url(../images/down-arrow.svg) no-repeat center center; background-size: 100%; }

.rwd-table { background: #fff; overflow: hidden; font-size: 14px; }

/* 暫時不開放 */
.rwd-table tr:nth-of-type(2n) { background: #eee; }
.rwd-table th, .rwd-table td { margin: 0.5em 1em; }
.rwd-table { min-width: 100%; }

/*
.rwd-table th { display: none; }
.rwd-table td { display: block; }
.rwd-table td:before { content: attr(data-th) " : "; font-weight: bold; width: 6.5em; display: inline-block; }
.rwd-table th, .rwd-table td { text-align: left; }
.rwd-table th, .rwd-table td:before { color: #25517d; font-weight: bold; }
*/

/* @media (min-width: 736px) { */
.rwd-table td:before { display: none; }
.rwd-table .text_center { text-align: center; }
.rwd-table th, .rwd-table td { display: table-cell; padding: 0.25em 0.5em; }
.rwd-table th:first-child, .rwd-table td:first-child { padding-left: 0; }
.rwd-table th:last-child, .rwd-table td:last-child { padding-right: 0; }
.rwd-table th, .rwd-table td { padding: 1em !important; }
/* } */

.mem_page_border .mem_page_foot { width: 100%; clear: both; box-sizing: border-box; padding:10px 20px; font-size: 14px; }
.t_red_new { font-weight: bold; color:#ff3300; font-size: 14px; padding-left:5px; }
.t_orange_new { color:#ff7900; }
.t_orange_frame_line { padding:8px 20px; border:1px solid #ff7900; box-sizing: border-box; font-size:12px; }

.general-table { width:100%; background: #fff; margin:10px 0; }
.general-table .text_center { text-align: center; }
.general-table .text_left { text-align: left; }
.general-table tr { border: 1px solid #e6e6e6; box-sizing: border-box; }
.general-table th { line-height: 40px; height: 40px; background: none repeat scroll 0 0 #f3f3f3; text-align: center; }
.general-table td { padding: 8px 2px; text-align: center; }
.general-table td .pic { overflow: hidden; width: 80px; height: 80px; margin: 0 auto; text-align: center; vertical-align: middle; border: 1px solid #ddd; }
.general-table td .pic span { font-size: 0; line-height: 0; display: inline-block; width: 0; height: 100%; vertical-align: middle; border: 0 none; }
.general-table td .pic img { max-width: 80px; max-height: 80px; vertical-align: middle; }

.general-table a { text-decoration:none; }
.general-table a:hover { color:#ff7900; }

.general-table .info { min-height: 40px; }
.general-table .info a { display: block; margin: 8px 0; }


.general-table2 { width:100%; background: #fff; margin:10px 0; border:0; }
.general-table2 th { width: 8%; padding: 8px 15px 8px 0; text-align: right; vertical-align: top; color: #000; }
.general-table2 td { width: 92%; padding: 8px 0 8px 15px; vertical-align: top; }
.general-table2 a { text-decoration:none; }


.table-container-order { width:100%; }
.order-table { width:100%; border:0px; background: #fff; }
.order-table th { line-height: 30px; text-align:center; height: 30px; background: none repeat scroll 0 0 #f2f2f2; color:#999999; }
.order-table td { padding: 8px 2px; text-align: center; color:#333; border:1px solid #c9c9c9; box-sizing: border-box; }
.order-table .a_blue { text-decoration:none; color:#446faf; }

.order_mani_box div { display:block; width:100%; text-align:center; padding:2px 0; }
.order_mani_box a { display:block; text-align:center; color:#000; text-decoration:none; cursor:pointer; padding:2px 0; }
.order_mani_box a:hover { color:#ff7900; }

.order_mani_box .order_mani_item {
	transition: .4s;
	width:90px;
	margin: 0.1em auto;
	padding: 2px 0;
}

.order_mani_box .merge_btn {
	border-left: solid 4px #2ab9f9;
}

.order_mani_box .merge_btn:hover {
	background: #2ab9f9;
	color: #fff;
}

.order_mani_box .modify_btn {
	border-left: solid 4px #ffe15b;
}

.order_mani_box .modify_btn:hover {
	background: #ffe15b;
	color: #fff;
}

.order_mani_box .cancel_btn {
	border-left: solid 4px #cdd896;
}

.order_mani_box .cancel_btn:hover { 
	background: #cdd896;
	color: #fff;
}

.face_link {
	display:inline-block;
	height:25px;
	line-height:25px;
	text-align:center;
	box-sizing:border-box;
	cursor: pointer;
	border:1px solid #d9d9d9;
	margin-top:6px;
	font-size:12px;
	padding:0 10px;
	background-color:#fff;
}
.face_link:hover {
	text-decoration:none;
}

span.gt_1 { background-color:#69c9e2; color:#fff; width:55px; height:17px; line-height:17px; text-align:center; border: 1px solid #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:1px 3px; box-sizing: border-box; }
span.gt_2 { background-color:#6ca9e8; color:#fff; width:67px; height:17px; line-height:17px; text-align:center; border: 1px solid #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:1px 3px; box-sizing: border-box; }
span.gt_3 { background-color:#6ccee8; color:#fff; width:33px; height:17px; line-height:17px; text-align:center; border: 1px solid #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:1px 3px; box-sizing: border-box; }
span.gt_4 { background-color:#6ca9e8; color:#fff; width:33px; height:17px; line-height:17px; text-align:center; border: 1px solid #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:1px 3px; box-sizing: border-box; }
span.gt_5 { background-color:#ff8282; color:#fff; width:33px; height:17px; line-height:17px; text-align:center; border: 1px solid #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:1px 3px; box-sizing: border-box; }
span.gt_6 { background-color:#e60012; color:#fff; width:33px; height:17px; line-height:17px; text-align:center; border: 1px solid #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:1px 3px; box-sizing: border-box; }
.gt_7 { display:block; position: absolute; left:5px; top:5px; background-color:#ff8000; color:#fff; height:21px; line-height:1.3; text-align:center; border: 1px solid #ff8000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:2px 4px; box-sizing: border-box; z-index:2; }
.gt_8 { display:block; position: absolute; left:10px; top:10px; background-color:#ff8000; color:#fff; height:35px; line-height:1.5; text-align:center; border: 1px solid #ff8000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:3px 6px; box-sizing: border-box; z-index:2; font-size:20px; font-weight: bold; }

.gt_9 { position: absolute; left:5px; top:5px; z-index:1; }
.gt_9 b { display:block; margin-bottom:5px; background-color:#ff8000; color:#fff; height:21px; line-height:1.3; text-align:center; border: 1px solid #ff8000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:2px 4px; box-sizing: border-box; }
.gt_9 b.purple { background: #aa74ff; border: 1px solid #aa74ff; }

.gt-purple {
	background: #aa74ff;
	color: #fff;
	width: 33px;
	height: 17px;
	line-height: 17px;
	text-align: center;
	border: 1px solid #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 1px 3px;
	box-sizing: border-box;
}

.gt_10 { position: absolute; left:10px; top:10px; z-index:2; font-size:20px; font-weight: bold; }
.gt_10 b { display:block; margin-bottom:10px; background-color:#ff8000; color:#fff; height:35px; line-height:1.5; text-align:center; border: 1px solid #ff8000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:3px 6px; box-sizing: border-box; }
.gt_10 .fback-text {
	line-height: 1.1;
	height: 50px;
	border: 1px solid #aa74ff;
	background: #aa74ff;
}

.gt_red {
	color: #fff;
	background: #aa74ff;
	font-weight: bolder;
}

.gt_good_sold_188 { position: absolute; width:188px; height:188px; z-index:1; background-color:rgba(237, 237, 237,0.6); }
.gt_good_sold_188 b { display:block; background:#bfbfbf; text-align:center; color:#fff; left:0; right:0; top:0; bottom:0; margin:66px auto; width:55px; height:55px; -webkit-border-radius: 27px; -moz-border-radius: 27px; border-radius: 27px; font-size:14px; line-height:55px; font-weight:bold; box-shadow: 0px 1px 1px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);  -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.5); }

.gt_good_sold_110 { position: absolute; width:110px; height:110px; z-index:5; background-color:rgba(237, 237, 237,0.6); }
.gt_good_sold_110 b { display:block; background:#bfbfbf; text-align:center; color:#fff; left:0; right:0; top:0; bottom:0; margin:27px auto; width:55px; height:55px; -webkit-border-radius: 27px; -moz-border-radius: 27px; border-radius: 27px; font-size:14px; line-height:55px; font-weight:bold; box-shadow: 0px 1px 1px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);  -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.5); }

.gt_good_sold_420 { position: absolute; width:420px; height:420px; z-index:5; background-color:rgba(237, 237, 237,0.6); }
.gt_good_sold_420 b { display:block; background:#bfbfbf; text-align:center; color:#fff; left:0; right:0; top:0; bottom:0; margin:165px auto; width:90px; height:90px; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; font-size:22px; line-height:90px; font-weight:bold; box-shadow: 0px 1px 1px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);  -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.5); }

.gt_good_lock_420 { position: absolute; width:420px; height:420px; z-index:5; background-color:rgba(0, 0, 0,0.2); }
.gt_good_lock_420 b { display:block; text-align:center; color:#fff; font-size:48px; line-height:420px; font-weight:bold; }
.gt_good_no_pic_420 { width:420px; height:420px; background-color:rgba(210, 210, 210, 1); }
.gt_good_no_pic_420 b { display:block; text-align:center; color:#fff; font-size:60px; line-height:420px; font-weight:bold; letter-spacing:10px; }

.gt_good_no_pic_320 { width:320px; height:320px; background-color:rgba(210, 210, 210, 1); }
.gt_good_no_pic_320 b { display:block; text-align:center; color:#fff; font-size:54px; line-height:320px; font-weight:bold; letter-spacing:10px; }

a.gt_good_no_pic_188 { display:block; width:188px; height:188px; background-color:rgba(210, 210, 210, 1); text-decoration:none; }
a.gt_good_no_pic_188 p { text-align:center; color:#fff; font-size:22px; line-height:188px; font-weight:bold; letter-spacing:3px; text-decoration:none; }
a.gt_good_lock_188 { display:block; position: absolute; width:188px; height:188px; z-index:5; background-color:rgba(0, 0, 0,0.2); text-decoration:none; }
a.gt_good_lock_188 p { display:block; text-align:center; color:#fff; font-size:22px; line-height:188px; font-weight:bold; text-decoration:none; }

a.gt_good_no_pic_110 { display:block; width:110px; height:110px; background-color:rgba(210, 210, 210, 1); text-decoration:none; }
a.gt_good_no_pic_110 p { display:block; text-align:center; color:#fff; font-size:18px; line-height:110px; font-weight:bold; letter-spacing:2px; text-decoration:none; }
a.gt_good_lock_110 { display:block; position: absolute; width:110px; height:110px; z-index:5; background-color:rgba(0, 0, 0,0.2); text-decoration:none; }
a.gt_good_lock_110 p { display:block; text-align:center; color:#fff; font-size:18px; line-height:110px; font-weight:bold; text-decoration:none; }

a.gt_good_no_pic_80 { display:block; width:80px; height:80px; background-color:rgba(210, 210, 210, 1); text-decoration:none; }
a.gt_good_no_pic_80 p { display:block; text-align:center; color:#fff; font-size:13px; line-height:80px; font-weight:bold; letter-spacing:2px; text-decoration:none; }
a.gt_good_lock_80 { display:block; position: absolute; width:80px; height:80px; z-index:5; background-color:rgba(0, 0, 0,0.2); text-decoration:none; }
a.gt_good_lock_80 p { display:block; text-align:center; color:#fff; font-size:13px; line-height:80px; font-weight:bold; text-decoration:none; }

a.gt_good_no_pic_90 { display:block; width:90px; height:90px; background-color:rgba(210, 210, 210, 1); text-decoration:none; }
a.gt_good_no_pic_90 p { display:block; text-align:center; color:#fff; font-size:13px; line-height:90px; font-weight:bold; letter-spacing:2px; text-decoration:none; }

.goods_edit_box1 { position: absolute; width:188px; height:25px; z-index:20; line-height:25px; background-color:rgba(0,0,0,0.4); bottom:0; color:#fff; font-size:14px; cursor:pointer; }
.goods_edit_box1 img { margin-left: 0; padding-right:1em; }

.goods_edit_box2 { position: absolute; width:110px; height:22px; z-index:20; line-height:22px; background-color:rgba(0,0,0,0.4); bottom:0; color:#fff; font-size:13px; cursor:pointer; }
.goods_edit_box2 img { margin-left: 0; padding-right:1em; }

.lds-loading-css {
	width:100%; 
	position:absolute;
	
	top:60px;
	left:40%;
	margin:auto;
	z-index:999; 
}
@keyframes lds-pacman-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes lds-pacman-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes lds-pacman-2 {
  0% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@-webkit-keyframes lds-pacman-2 {
  0% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@keyframes lds-pacman-3 {
  0% {
    -webkit-transform: translate(190px, 0);
    transform: translate(190px, 0);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(70px, 0);
    transform: translate(70px, 0);
    opacity: 1;
  }
}
@-webkit-keyframes lds-pacman-3 {
  0% {
    -webkit-transform: translate(190px, 0);
    transform: translate(190px, 0);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(70px, 0);
    transform: translate(70px, 0);
    opacity: 1;
  }
}
.lds-pacman {
  position: relative;
}
.lds-pacman > div:nth-child(2) div {
  position: absolute;
  top: 40px;
  left: 40px;
  width: 120px;
  height: 60px;
  border-radius: 120px 120px 0 0;
  background: #93dbe9;
  -webkit-animation: lds-pacman-1 1s linear infinite;
  animation: lds-pacman-1 1s linear infinite;
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
}
.lds-pacman > div:nth-child(2) div:nth-child(2) {
  -webkit-animation: lds-pacman-2 1s linear infinite;
  animation: lds-pacman-2 1s linear infinite;
}
.lds-pacman > div:nth-child(1) div {
  position: absolute;
  top: 92px;
  left: -8px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #689cc5;
  -webkit-animation: lds-pacman-3 1s linear infinite;
  animation: lds-pacman-3 1s linear infinite;
}
.lds-pacman > div:nth-child(1) div:nth-child(1) {
  -webkit-animation-delay: -0.67s;
  animation-delay: -0.67s;
}
.lds-pacman > div:nth-child(1) div:nth-child(2) {
  -webkit-animation-delay: -0.33s;
  animation-delay: -0.33s;
}
.lds-pacman > div:nth-child(1) div:nth-child(3) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.lds-pacman {
  width: 140px !important;
  height: 140px !important;
  -webkit-transform: translate(-70px, -70px) scale(0.7) translate(70px, 70px);
  transform: translate(-70px, -70px) scale(0.7) translate(70px, 70px);
}

.lds-magnify-css {
	width:100%; 
	position:absolute;
	
	top:60px;
	left:40%;
	margin:auto;
	z-index:999; 
}
@keyframes lds-magnify {
  0% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  33.33% {
    -webkit-transform: translate(102px, 2px);
    transform: translate(102px, 2px);
  }
  66.66% {
    -webkit-transform: translate(42px, 102px);
    transform: translate(42px, 102px);
  }
  100% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
}
@-webkit-keyframes lds-magnify {
  0% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  33.33% {
    -webkit-transform: translate(102px, 2px);
    transform: translate(102px, 2px);
  }
  66.66% {
    -webkit-transform: translate(42px, 102px);
    transform: translate(42px, 102px);
  }
  100% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
}
.lds-magnify {
  position: relative;
}
.lds-magnify > div {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: 100px 100px;
  transform-origin: 100px 100px;
}
.lds-magnify > div > div {
  -webkit-animation: lds-magnify 1s linear infinite;
  animation: lds-magnify 1s linear infinite;
  position: absolute;
}
.lds-magnify > div > div div:nth-child(1) {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  border: 12px solid #007BC4;
  background: #ffffff;
}
.lds-magnify > div > div div:nth-child(2) {
  width: 17px;
  height: 51px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #007BC4;
  border-radius: 0 0 8px 8px;
  position: absolute;
  top: 91px;
  left: 116px;
}
.lds-magnify {
  width: 200px !important;
  height: 200px !important;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

.page_v2_block { width:100%; height:1.2em; }
.page_v2_block ul { margin:0 0.8em; float:right; }
.page_v2_block li { float:left; margin:0 0.4em; }
.page_v2_block li span { margin:0 1em; font-size:1.2em; background-color:#fff; line-height:1em; }
.page_v2_block li a { line-height:1em; padding:5px; border: 1px solid #dcdcdc; text-align: center; box-sizing:border-box; text-decoration:none; font-size:1.2em; background-color:#fff; }
.page_v2_block li a.selected { border-color: #ff7900 ; color:#fff; font-weight: bold; background-color:#ff7900; }

.order_modify_box { width:100%; height:25px; margin-bottom:4px; }
.order_modify_box .order_modify_mark { width:25px; height:25px; border:1px solid #ff0000; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; box-sizing:border-box; color:#ff0000; line-height:1.5; text-align:center; margin:auto 2px; padding:2px; }

.alert-box {
  position: fixed;
  z-index: 999;
  top: 5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 20px;
  display: inline-block;
  width: 410px;
  height: 90px;
  text-align: left;
  background-color: white;
  padding-left: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 0 8px 4px #cacaca;
  box-shadow: 0 0 8px 4px #cacaca;
  opacity: 0;
  visibility: hidden;
}

.alert-box.active {
  opacity: 1;
  visibility: visible;
}

.alert-box:after {
  content: "";
  display: block;
  clear: both;
}

.alert-content, .alert-img {
  display: inline-block;
  vertical-align: top;
}

.alert-content {
  width: calc( 100% - 110px );
  height: auto;
}

.alert-title, .alert-des {
  font-size: 16px;
  margin-bottom: 4px;
}

.alert-title {
  color: #d16356;
}

.alert-des {
  color: #333;
}

.alert-img {
  width: 55px;
  height: 70px;
  margin-right: 16px;
}

.alert-box .cross {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 15px;
  top: 15px;
  opacity: 0.2;
  cursor: pointer;
}
.alert-box .cross:hover {
  opacity: 0.5;
}
.alert-box .cross span {
  width: 20px;
  height: 2px;
  background-color: #454545;
  top: 50%;
  left: 0;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.alert-box .cross span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.alert-box .cross span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.longtextarea {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word;
	word-break: break-all;	
}

.evaluate_remaind_box {
	display:none;
	margin:0.4em 0;
	background-color:#fff6f5;
	color:#ef475a;
	height:40px;
	line-height:40px;
	font-size:16px;
	font-weight:bold;
	padding-left:4px;
}

.pay_method_box {
	height:100px;
	margin:10px 0 30px 0;
}

.pay_method_box p {
	font-weight: bolder;
	font-size: 1.8em;
	border-left: 5px #ef475a solid;
	padding-left: 10px;
	width: 100%;
	display: block;
	margin-bottom: 12px;
	color:#ef475a;
}

.pay_method_box ul {
	width: 100%;
	clear: both;
}

.pay_method_box li {
	float:left;
}

.pay_method_box a {
	display: block;
	margin: 0 1em 0 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	background: #FD9535;
	color: #fff;
	border: 1px solid #ff8a1f;
	font-weight: bolder;
	padding: 5px;
	text-align:center;
	font-size:1.6em;
	height:38px;
	line-height:38px;
	text-decoration:none;
	cursor:pointer;
}

.pay_method_box a:hover {
	opacity: 0.85;
}

.pay_method_box a span {
	display:block;
	text-align:center;
	font-size:0.8em;
	color: #ff704d; 
}

.store_select_box { width:100%; overflow:hidden; }
.store_select_box ul { margin-left:10px; }
.store_select_box ul > li { display:inline-block; width:46%; height:56px; padding:5px; border:1px solid #ccc; border-radius:5px; background-color:#fff; margin:5px 3px 5px 3px; cursor:pointer; position:relative; }
.store_select_box ul > li.store_point_select { border:2px solid #99ccff; }
.store_select_box ul > li.store_point_close { background-color:#e9e9e9; cursor:not-allowed; }
.store_select_box ul > li > img { display:none; position:absolute; width:16px; height:16px; top:5px; right:5px; }
.store_select_box ul > li .store_name_box { text-align:left; font-size:16px; color:#333; }
.store_select_box ul > li .store_name_box > span { text-align:left; font-size:14px; margin-left:20px; }
.store_select_box ul > li .store_addr_box { text-align:left; font-size:14px; color:#999; }

.store_set_head { margin-top:15px; font-size:16px; height:25px; line-height:25px; }
.store_set_head img { margin-right:15px; vertical-align:middle; height:25px; width:auto; }
.store_set_add { margin:10px 0 30px 0; }
.store_set_add a { text-decoration:none; cursor:pointer; }
.store_set_body span { display:block; margin-top:15px; font-size:16px; font-weight:bold; }

.store_select_box_set { width:100%; overflow:hidden; }
.store_select_box_set ul { margin-top:15px; }
.store_select_box_set ul > li { display:inline-block; width:49%; height:66px; padding:8px; border:1px solid #ccc; border-radius:5px; background-color:#fff; margin:5px 3px 5px 3px; position:relative; box-sizing:border-box; }
.store_select_box_set ul > li a { position:absolute; font-size:16px; top:10px; right:10px; color:#446faf; font-weight:bold; text-decoration:none; cursor:pointer; }
.store_select_box_set ul > li .store_name_box { text-align:left; font-size:16px; color:#333; }
.store_select_box_set ul > li .store_addr_box { text-align:left; font-size:14px; color:#999; }

.select_plus_stock_box { width:1096px; margin:15px 0; }
.select_plus_stock_box .select_plus_stock_box_title { font-size:18px; text-align:left; padding:15px; font-weight: bold; background-color:#e6e6e6; }
.select_plus_stock_box .select_plus_stock_box_title span { font-size:14px; margin-left:5px; }

.select_plus_stock_box .select_plus_stock_box_body { overflow: hidden; border:1px solid #e8e8e8; }
.select_plus_stock_box .select_plus_stock_box_body .select_plus_stock_check { float:left; width:50%; }
.select_plus_stock_box .select_plus_stock_box_body .select_plus_stock_check > ul { display:block; overflow:hidden; height:90px; margin-top:10px; }
.select_plus_stock_box .select_plus_stock_box_body .select_plus_stock_check > ul > li { display:block; float:left; font-size:16px; box-sizing:border-box; }

.select_plus_stock_box .select_plus_stock_box_body .select_plus_stock_check .plus_pic { width:90px; height:90px; text-align: center; vertical-align: middle; white-space: nowrap; }
.select_plus_stock_box .select_plus_stock_box_body .select_plus_stock_check .plus_pic span { font-size:0px; line-height:0; display: inline-block; width:0; height:100%; vertical-align: middle; border: 0 none; }
.select_plus_stock_box .select_plus_stock_box_body .select_plus_stock_check .plus_pic img { max-width: 90px; max-height: 90px; vertical-align: middle; }

.select_plus_stock_box .select_plus_stock_box_body .select_plus_stock_check a { cursor:pointer; text-decoration:none; }
.select_plus_stock_box .select_plus_stock_box_body .select_plus_stock_check .select_plus_stock_qty { margin-top:8px; }
.select_plus_stock_box .select_plus_stock_box_body .select_plus_stock_check .select_plus_stock_qty a { display:block; float:left; width:25px; height:22px; text-align:center; border:1px solid #d9d9d9; line-height:22px; background-color:#f2f2f2; cursor:pointer; text-decoration:none; font-size:14px; }
.select_plus_stock_box .select_plus_stock_box_body .select_plus_stock_check .select_plus_stock_qty input { display:block; float:left; width:30px; height:22px; text-align:center; border:1px solid #d9d9d9; }
.select_plus_stock_box .select_plus_stock_box_body .select_plus_stock_box_foot { clear:both; overflow: hidden; text-align:right; margin:10px 20px 10px 0; }
.select_plus_stock_box .select_plus_stock_box_body .select_plus_stock_box_foot .up_arrow { display:inline-block; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #a6a6a6 transparent; margin:0 10px 2px 0; cursor:pointer; }
.select_plus_stock_box .select_plus_stock_box_body .select_plus_stock_box_foot .down_arrow { display:inline-block; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #a6a6a6 transparent transparent transparent; margin:0 10px 2px 0; cursor:pointer; }
.select_plus_stock_box .select_plus_stock_box_body .select_plus_stock_box_foot span { display:inline-block; color:#a6a6a6; font-weight:bold; cursor:pointer; }

.select_plus_stock_box2 { width:1096px; clear:both; overflow: hidden; }
.select_plus_stock_box2 .select_plus_stock_calculate_box { height:44px; background-color:#e6e6e6; }
.select_plus_stock_box2 .select_plus_stock_calculate_box p { display: block; float: left; width:71%; line-height:44px; font-size:16px; text-align:right; padding-right:30px; box-sizing:border-box; }
.select_plus_stock_box2 .select_plus_stock_calculate_box .btn_buy , .select_plus_stock_box2 .select_plus_stock_calculate_box .btn_cart { display: block; float: left; width: 140px; height: 37px; margin: 4px 0 0 15px; background: url(../images/btn.png) no-repeat; background-position: 0 -196px; }
.select_plus_stock_box2 .select_plus_stock_calculate_box .btn_buy:hover { background-position: 0 -247px; }
.select_plus_stock_box2 .select_plus_stock_calculate_box .btn_cart { background-position: 0 -307px; }
.select_plus_stock_box2 .select_plus_stock_calculate_box .btn_cart:hover { background-position: 0 -358px; }

.select_plus_stock_box3 { width:1096px; clear:both; overflow: hidden; border-top:1px solid #e8e8e8; box-sizing:border-box; }
.select_plus_stock_box3 ul { margin:10px 20px; }
.select_plus_stock_box3 ul > li { float:left; margin:10px; position:relative; }
.select_plus_stock_box3 ul > li .plus_del { display:block; position:absolute; width:22px; height:22px; top:-8px; right:-8px; text-align:center; line-height:20px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; color:#a6a6a6; background-color:#efefef; text-decoration:none; }
.select_plus_stock_box3 ul > li span { display:block; width:10px; height:90px; line-height:90px; text-align:center; color:#8c8c8c; font-size:14px; }
.select_plus_stock_box3 ul > li .plus_pic { width:90px; height:90px; text-align: center; vertical-align: middle; white-space: nowrap; }
.select_plus_stock_box3 ul > li .plus_pic span { font-size:0px; line-height:0; display: inline-block; width:0; height:100%; vertical-align: middle; border: 0 none; }
.select_plus_stock_box3 ul > li .plus_pic img { max-width: 90px; max-height: 90px; vertical-align: middle; }


.good_plus_title { width:100%; height:30px; background-color:#f2f2f2; box-sizing: border-box; line-height:30px; color:#000; font-size: 16px; position:relative; padding-left:20px; }
.good_plus_title .good_plus_close { display:block; position:absolute; color:#008ae6; font-size:16px; top:0; right:10px; z-index:999; text-decoration:none; cursor:pointer; }

.good_plus_main { float: left; width: 320px; color: #666; padding:20px; } 
.good_plus_main .main_pic { width: 320px; height: 320px; text-align: center; vertical-align: middle; white-space: nowrap; } 
.good_plus_main .main_pic span { font-size:0px; line-height:0; display: inline-block; width:0; height:100%; vertical-align: middle; border: 0 none; }
.good_plus_main .main_pic img { max-width: 320px; max-height: 320px; vertical-align: middle; }
.good_plus_info { float: left; width: 390px; height:auto; }
.good_plus_info h2 { font-size: 20px; font-weight: bold; color:#000; text-align:left; line-height:1.3em; margin:60px 0; }
.good_plus_info span { display:inline-block; width:80px; font-size:16px; color:#b3b3b3; text-align:left; padding:6px 0px; }

.google_ad1 { text-align:center; margin-top:10px; }
.google_ad2 { text-align:center; margin-bottom:15px; }
.google_ad3 { float:left; text-align:center; margin:5px 10px 15px 15px; }
.google_ad5 { clear:both; text-align:center; margin-top:10px; }
.google_ad6 { text-align:center; margin-bottom:15px; }
.google_ad9 { position:absolute; right:-120px; top:0; }
.google_ad10 { text-align: center; margin-bottom: 20px; }
.google_ad11 { position:absolute; right:4px; top:2px; }
.google_ad12 { position:absolute; left:-130px; top:10px; }
.google_ad13 { position:absolute; right:-130px; top:10px; }
.google_ad14 { text-align:center; margin-top:5px; }
.google_ad15 { position:absolute; right:-240px; top:30px; }

.google_ad_index { width:1100px; margin:auto; padding:20px 0; text-align:center; background-color:#fff }
.google_ad_index ins { margin:0 10px; }

.mod_order_item_select { position:absolute; background-color:#fff; z-index:999; }

.mod_order_item_select ul {
	background: #fffff;
	border: 1px #ccc solid;
	padding: 0.8em;
}

.mod_order_item_select li > a {
	display:block;
	text-decoration:none;
	cursor:pointer;
	padding: 0.5em ;
	border-bottom: 2px #3fc5ff solid;
	margin: 0.5em 0;
	transition: .4s;
	color:#000;
}
.mod_order_item_select li > a:hover { background: #3fc5ff; color: #fff; }
.mod_order_item_select li > a.mod_disable { cursor:not-allowed; background-color:#cccccc; }

.merge_box { display:none; width:150px; position:fixed; top:300px; right:13%; z-index:999; }
.merge_box2 {
	width: 150px;
	/* border: 2px #84cae6 solid;*/
	margin: 0 1% 1%;
	top: -20px;
	position: relative;
	/* height: 500px;
	overflow-x: hidden;
	overflow-y: auto;*/
	padding-top: 1em;
}

.merge_box_title {
	/* background:url(img/merge-icon.gif) no-repet top center;*/
	z-index: 999;
	position: relative;
	width: 150px;
	text-align: center;
	color: white;
	font-weight: bolder;
	text-shadow: #303802 1px 1px 1px;
	cursor: move;
}
.merge_box_content {
  border-style: solid;
  border-color: #14A4FF;
  border-width: 2px 2px 0 2px;
  background-color: #fff;
  min-height: 150px;
}

.merge_info {
  border-bottom: 1px #000 dashed;
  padding: 1em 0 0.5em 0.2em;
}
.merge_info p {
  font-size: 13px;
  color: #808080;
  margin: 5px;
}

.merge_info span {
	padding-left: 0.3em;
	font-size: 14px;
	color: #14A4FF !important;
}

.merge_info a { margin:0 10px; text-decoration:none; cursor:pointer; font-size:12px; color:#ffa737; font-weight:bold; }

.merge_info:last-child { border-bottom: 0; }

.merge_box_btn a {
	display:block;
	background: #14a4ff;
	padding: 10px 0;
	color: #fff;
	/* border-top: 2px #84cae6 solid;*/
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
	font-size: 14px;
	text-decoration:none;
	/* text-shadow: #192580 1px 1px 1px;*/
}
.merge_box_btn a:hover {
	background: #0A8FDC;
	/* border: 2px #0A8FDC solid;*/
}

i.icon-comment:before ,i.commenting_color:before {
	font-size: 15px;
	color: #47c3fc !important;
}

i.icon-commenting:before {
	font-size: 15px;
	color: #f00;
}

.window_mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,0.5);
}

.modify_reason_text {
	font-size:14px;
	line-height: 1.7 !important;
	word-break: break-all;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word;
	word-break: break-all;
}

.barcode_box { width:400px; margin-bottom: 10px; border: 1px #e6e6e6 solid; text-align: center; }
.barcode_box img { display:block; margin: 10px auto; }

.barcode_big_box {
	display: none;
	position: fixed; 
	width:700px; 
	height: 600px; 
	
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	z-index: 100;
	background-color: #fff;
}
.barcode_big_box img { display:block; margin: 20px auto; clear: both; }
.barcode_big_box p {
	width: initial;
	text-align: center;
	font-size: 20px;
	border-bottom: 1px solid #a6a6a6;
	padding: 1em 0;
}

.barcode_big_box i.icon-cancel-1:before {
	float: right;
	font-size: 2.83em !important;
	color: #000;
	margin-top: 0.15em;
}

.r18_remind_box {
	display:none; 
	position: fixed; 
	width:650px; 
	height: auto; 
	top: 40%;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	z-index: 100;
}

.rotate-btn {
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	width: 150px;
	margin: 1em 2em 1em;
	text-decoration: none;
	background: linear-gradient(to bottom, #ffdc1b, #ffac6e);
	padding: 0.5em;
	border-radius: 5px;
	color: #560000;
	float: left;
}

.rotate-btn:hover {
	opacity: 0.8;
	text-decoration: none;
	cursor: pointer;
}

.print-btn {
	background: linear-gradient(to bottom, #c4e9ff, #7acfff);
}

.delete-btn {
	position: absolute;
	right: 0;
	font-size: 1.5em;
}

.rotate-box {
	height: 900px;
}
.rotate-box ul {
	margin-top: 12em !important;
}

.rotate-box .barcode-img {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	margin-top: 19em;
}

.mark-number{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #dcdcdc;
	clear: both;
	padding: 0;
	width: 90% !important;
	margin: auto;
}
.mark-number a {
	display: initial;
}
.mark-number ul {
	display: inline-block;
}
.mark-number ul li{
	float: left;
	padding: 5px;
}

i.order-commenting:before {
	font-size: 24px;
	margin-right: 0;
}

.btn-column{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0.5em;
}
.btn-item{
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  padding: 0 5px;
}
.btn-column .btn-box{
  cursor: pointer;
  display: inline-block;
  padding: 0.5em 0;
  text-decoration: none;
  color: #FFF;
  border-radius: 3px;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.25), 0 1.5px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1px;
  width: 100%;
  text-align: center;
  color: #505050 !important;
  background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,.15)),to(rgba(35,35,35,.05)));
  background-image: linear-gradient(to bottom,rgba(255,255,255,.15),rgba(35,35,35,.05));
  border-bottom-color: rgb(175, 175, 175);
  border: 1px solid rgba(134, 134, 134, 0.35);
}
.login_box {
  padding: 0.5em 1em!important;
}
.quick_login_text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 1em 0;
	color: #414446;
	font-size: 13px;
}
.quick_login_text::after, .quick_login_text::before {
	content: '';
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border: 1px solid #ccc;
	height: 0;
}
.quick_login_text::before {
	margin-right: 8px;
}
.btn-column .btn-box:hover {
	opacity: 0.8;
}

.back-m-mobile-position {
	position: relative;
}
.back-m-mobile-box {
	position: absolute;
	left: 0;
	top:44px;
	z-index:100;
} 
a.back-m-mobile-btn {
	display: block;
	background: linear-gradient(to bottom, #ffdc1b, #ffac6e);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2em 4em;
	color: #464646;
	text-decoration: none;
}
a.back-m-mobile-btn:hover {
	text-decoration: none;
	color: #fff;
}
.back-m-mobile-btn div {
	font-weight: bolder;
	font-size: 40px;
}

.ban18-box {
	border: 0px solid black;
	position: absolute;
	box-sizing: border-box;
	display: flex;
	-webkit-box-orient: vertical;
	flex-direction: column;
	align-content: flex-start;
	flex-shrink: 0;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	-webkit-box-align: center;
	align-items: center;
	background: #fbfbfb;
	width: 100%;
}

.discount-box{
	background: #F2FBFF;
	border-right: 1px #e6e6e6 solid;
	border-left: 1px #e6e6e6 solid;
	border-bottom: 1px #e6e6e6 solid;
	padding:1em 15px;
	text-align: right;
}
.discount-cont{
	font-size: 16px;
	color: #0E7CC7;
	font-weight: bolder;
}
.discount-btn{
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	background: #f2fbff;
	padding: 0 0.5em;
	margin-top:0.5em;
}
.discount-cont p{
	letter-spacing: 1px;
}
.discount-text{
	position: relative;
}
.discount-text p{
	display: inline-block;
	background: #fff;
	font-weight: bolder;
	margin: 0.5em;
	color: #0E7CC7;
	font-size: 14px;
	padding: 0.5em 1.5em;
	border-radius: 15px;
	box-shadow: 0 0 10px 0 #0E7CC7;
}
.discount-text i:before{
	position: absolute;
	content: "✔";
	font-size: 15px;
	top: 17px;
	left: 9px;
	color: #fff;
}
.active .discount-text p{
	color: #fff;
	background: #0E7CC7;
}
.discount-cont span{
	color: #c34948;
}

#header ul.tright li.icon-facebook-squared:before {
	font-size: 13px!important; 
	margin-right: 0.2em !important; 
}


.jp-warning-bg,.jp-warning-cont,.limit-text p,.warn-title,.limit-text-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.jp-warning-bg,.limit-text p {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
}
.limit-text-right,.warn-left-box {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.warn-left-box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 7em 0 0em 6em;
}
.jp-warning-bg {
  width: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 110;
}
.jp-warning-cont {
  background: #fff;
  margin: auto;
  position: relative;
  width: 600px;
  border-radius: 5px;
  border:5px #f00 solid;
}
.warn-img img {
  max-height: 500px;
}
.limit-text {
  display: inline-block;
  text-decoration: none;
  color: #FFF;
  border-radius: 3px;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
  letter-spacing: 1px;

  background: #ff0a00;
  font-size: 4em;
  width: 70px;
  height: 70px;
}
.limit-text-right {
  margin-left: 0.3em;
  color: #ff0a00;
  font-size: 3em;
}
.b-warn-title {
  margin: 2.25em 0;
}
.inspir-title {
  font-weight: bolder;
  font-size:26px;
}
.b-warn-title > p {
  font-size: 18px;
}
.jp-warning-btn-box > a {
  display: block;
  vertical-align: middle;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 1.8em;
  font-size:16px;
  padding: 1em 0;
  width: 99%;
  text-decoration: none;
  position: relative;
}
.s-ok-img {
  position: absolute;
  right: 4px;
}
.s-ok-img img {
  width: 25px;
}
.jp-warning-btn-box > a:hover {
  opacity: 0.9;
}
a.warning-ok {
  color: #fff;
  border: 1px #464646 solid;
  background: linear-gradient(to bottom,#44C07C, #2DA664);
}
a.warning-no {
  border: 1px #979797 solid;
  background: linear-gradient(to bottom, #ffffff, #f5f5f5);
}

.jp-shipment-box {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  position: fixed;
  z-index: 999;
  display: none;
}
.jp-shipment-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6);
}
.jp-shipment-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width:800px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 110;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
  margin: auto;
  max-height: 650px;
  padding: 1.5em;
}
.jp-shipment-title > p {
  text-align: center;
  font-weight: bolder;
  font-size: 20px;
  padding-bottom: 0.5em;
  color: #2576C5;
}
.shipment-filter-title, .shipment-item, .shipment-filter-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50px;
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
}
.shipment-filter-title {
  background: #F5F5F5;
}
.shipment-filter-title > div, .shipment-item > div, .shipment-filter-btn > a {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;  
}
.shipment-filter-title > div, .shipment-filter-btn > a {
  font-size: 16px;
}
.shipment-item > div {
  font-size: 15px;
}
.shipment-body-filter-cont {
  overflow-x: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}
.shipment-filter-btn {
  background: #B3B3B3;
}
.shipment-filter-btn > a {
  color: #fff !important;
  font-weight: bolder;
  height: 50px;
}
.shipment-filter-btn > a:hover {
  opacity: 0.85;
  text-decoration: none;
}
.shipment-ok {
  background: #FF641A;
}
.shipment-body-filter-cont > div {
  border-bottom: 1px #ececec solid;
}
.shipment-body-filter-cont input, .shipment-body-filter-cont select {
  padding:5px;
  font-size: 15px;
  border: 1px solid #d0d0d0;
  width: 80%;
}

.shipment-processing {
  position: absolute;
  width: 100%;
  margin: auto;
  font-size: 64px;
  color: red;
  top: -100px;
  z-index: 100;
  text-align: center;
  display: none;
}

.discount-coupon-box {
	background: #ffede8;
	border: 1px solid #e6e6e6;
	border-top: 0;
	width: 100%;
	text-align: right;
}
.coupon-cont {
	padding: 0.75em;
}
.coupon-cont:hover {
	opacity: 0.85;
	cursor: pointer;
}
.coupon-cont {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 16px;
	border: 1px #6fbdff solid;
	background: linear-gradient(to bottom, #FAFEFF, #c4e7fd);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.22);
	padding: 0.3em;
	margin-right: 0.5em;
	border-radius: 5px;
	color: #0061a5;
	font-weight: bolder;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
}
.coupon-cont.non-active {
	border: 1px solid #a09d9e;
	background: #eee;
	background: -moz-linear-gradient(90deg, rgb(230, 230, 230) 0%, rgb(255, 255, 255) 100%);
	background: -webkit-linear-gradient(90deg, rgb(230, 230, 230) 0%, rgb(255, 255, 255) 100%);
	background: -ms-linear-gradient(90deg, rgb(230, 230, 230) 0%, rgb(255, 255, 255) 100%);
	color: #979797;
}
.coupon-cont.non-active .ok {
	display: none;
}
.coupon-cont > img {
	max-width: 24px;
	margin-right: 0.3em;
}
.coupon-item {
	display: inline-block;
	padding: 1em;
}
.body-hidden {
   overflow: hidden !important;   
    scroll-behavior: none;
    overflow-y: hidden;
}
.Product_hot_icon{
    position: absolute;/*//設為絕對定位(absolute)*/
    font-weight: bold;
    top: 0px;
    width: 101px;
    height: 119px;
     /* right : 0px; //設為絕對定位(absolute)//右邊上面都設0，則出現在右上方*/
    color: white;
    display: block;

}

  .checkbox_r18 {
                                display: inline-flex;
                                cursor: pointer;
                                position: relative;
                            }

                            .checkbox_r18 > span {
                                color: white;
                                padding: 0.1rem 0.2rem;
                            }

                            .checkbox_r18 > input {
                                height: 20px;
                                width: 20px;
                                -webkit-appearance: none;
                                -moz-appearance: none;
                                -o-appearance: none;
                                appearance: none;
                                border: 2px solid white;
                                border-radius: 4px;
                                outline: none;
                                transition-duration: 0.3s;
                                background-color: firebrick;
                                cursor: pointer;
                                margin-left: 2px;
                                margin-top: 4px;
                              }

                            .checkbox_r18 > input:checked {
                                border: 2px solid white;
                                background-color: firebrick;
                            }

                            .checkbox_r18 > input:checked + span::before {
                                content: '\2713';
                                display: block;
                                text-align: center;
                                color: white;
                                position: absolute;
                                left: 0.2rem;
                                top: -0.5rem;
                                font-weight:bolder ;
                                font-size: 26px;
                            }

                            .checkbox_r18 > input:active {
                                border: 2px solid #34495E;
                            }