@charset "utf-8";

/*@import url(http://fonts.googleapis.com/css?family=Noto+Sans);*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanssc.css);
@import"reset.css?v=2";
@import"btob.css";


h1 {font-size: 1.3125em ; line-height:1.4375em}
h2 {font-size: 1.25em }
h3 {font-size: 1.1875em }
h4 {font-size: 1.1255em }
h5 {font-size: 1.0625em }

.m0 {margin:0}
.m10 {margin:10px !important}
.mt5 {margin-top:5px}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mb5 {margin-bottom:5px}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px}
.mb20 {margin-bottom:20px !important}
.mb30 {margin-bottom:30px !important}

.ml10 {margin-left:10px}

.pd0 {padding:0 !important}
.pd10 {padding:10px 0 0 12px !important}
.w100 { width:100% !important}
.w95 { width:95% !important}
.w80 { width:80% !important}
.w49 { width:49.2% !important}
.w32 { width:32% !important}
.w24 { width:24% !important}
.w100p { width:100px !important}


.fr {float: right !important;}
.fl {float: left !important;}
.fontwb {font-weight: bold}
.les1 { letter-spacing:-1px}
.les0 { letter-spacing:0px}

.fc_bl {color: #017dc7;}
.fc_cb {color: #01afa5;}
.fc_or {color: #e57100;}
.fc_gr {color: #494949;}

.bg_bl {background: #017dc7;}
.bg_cb {background: #01afa5;}
.bg_or {background: #e57100;}
.bg_gr {background: #494949;}

.ac {text-align:center !important}

select {  border:1px solid #dbdbdb ; background: #FFF;  padding:15px 5px}
input[type="checkbox"] { margin:10px 5px ; }
input[type="radio"] { margin:10px 5px ; }
input[type="text"] { margin:2px 0 ; width:100%; padding:15px 5px ; border:1px solid #dbdbdb ; box-sizing: border-box;  -moz-box-sizing: border-box;-webkit-text-size-adjust:none;}
button { border:0; text-align:center; font-weight:bold; padding:13px 0 ;outline:0; color:#FFF;}
button.big { padding:20px 5px; font-size:1.1875em; margin:5px 0}
button.small { padding:8px 10px; font-size:1em; }

a.db {display:block}

/***********qmenu***************/
.menu_wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
}
.menu_wrap > div {
    height: 100%;
    min-width: 320px;
    margin: 0 auto;
    overflow-x: hidden;
}
.menu_area {
    width: 70%;
    position: absolute;
    top: 0;
	left:0;
	background: #FFF;
}
.back_black {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
	filter: alpha(opacity=50)
}
.qmenu_member { background: #3c404c; overflow: hidden; padding: 15px;}
.qmenu_member h3 { color: #FFF; float: left; font-size:1.125em ; line-height: 200%; margin-right:10px}
.qmenu_member a.myp {color: #FFF; display: inline-block; border:1px solid #FFF ; float: left ; font-size:1.125em; padding: 5px 10px; border-radius: 20px;-webkit-border-radius:20px;-moz-border-radius:20px;}
.qmenu_member span { float: right;}

.qmenu_menu {}
.qmenu_menu span { ; padding:15px 0 15px 42px; display:block ; margin-bottom:1px }
.qmenu_menu span.icon1 { background:url(../images/qm_ico1.gif) no-repeat 14px center, url(../images/qmback2.gif) no-repeat right center #007dc6;}
.qmenu_menu span.icon2 { background:url(../images/qm_ico2.gif) no-repeat 14px center, url(../images/qmback2.gif) no-repeat right center #007dc6; }
.qmenu_menu span.icon3 { background:url(../images/qm_ico3.gif) no-repeat 14px center, url(../images/qmback2.gif) no-repeat right center #007dc6; }
.qmenu_menu span.icon4 { background:url(../images/qm_ico4.gif) no-repeat 14px center, url(../images/qmback2.gif) no-repeat right center #007dc6; }
.qmenu_menu span.icon5 { background:url(../images/qm_ico5.gif) no-repeat 14px center, url(../images/qmback2.gif) no-repeat right center #007dc6; }
.qmenu_menu span a { color: #FFF; font-size:1.125em ; border-left:1px solid #39a7dd; padding:3px 0 3px 10px ; margin-left:10px}
.qmenu_menu li { background:url(../images/arrow3.png) no-repeat right center ; border-bottom:1px solid #d1d1d1}
.qmenu_menu li a {padding: 15px ; font-size: 1.125em; ;}

/***********qmenu***************/

/*.mWrap img {width: 90%;}*/
.m_header {position: relative; overflow: hidden; background:#f9f9f9;}
.m_header .logo { position:absolute; padding:8px 0 ; text-align:center; width:100%}
.m_header .left_top { position:relative; float: left; margin:0.95em}
.m_header .right_top { position:relative; float: right; margin:0.95em}

.m_menu {}
.m_menu ul { overflow: hidden; background: #017dc7;}
.m_menu li { float: left; width: 20%; text-align:center}
.m_menu li a { font-size:1em; font-weight:700 ; color: #FFF; line-height:320%}
.m_menu li.mrc {background:#434343}
.m_menu li.active {background:#FFF; color:#017dc7 ; border-top:1px solid #017dc7}
.m_menu li.active a {color:#017dc7}

.cir_area { 
	position: relative;
    text-align: center;
    top: 0px;
	background: #000;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */}
.cir_area ul { overflow: hidden ; display: inline-block;}
.cir_area li { 
	float:left;
	background:#bdbec0;
	margin:10px 10px;
	width:12px;
	height:12px;
	border-radius: 12px;-webkit-border-radius:12px;-moz-border-radius:12px;}
.cir_area li.active {
	background:#000;
	width:10px;
	height:10px;
	border:2px solid #FFF}

.m_visualW img {width:100%}

.m_icon {background:#e6e9f0; width:100%; padding:10px 0}
.mob_box1 {border:1px solid #afb9d2 ; background: #FFF; margin:0 auto; width:95% }
.mob_box1 ul { overflow: hidden; width:100%;}
.mob_box1 ul a { float: left; width: 33.3%; text-align:center}
.mob_box1 ul a li {  padding:40% 0 12px 0; ; font-size:1em ; letter-spacing:-1px ; border-right:1px solid #eeeeee ; border-bottom:1px solid #eeeeee ; background-size: 60%}
.mob_box1 ul a li.st1 { background:url(../images/u_01.gif) no-repeat center 10px; border-bottom:0; background-size: 60%}
.mob_box1 ul a li.st2 { background:url(../images/u_03.gif) no-repeat center 10px; border-bottom:0; background-size: 60%}
.mob_box1 ul a li.st3 { background:url(../images/u_02.gif) no-repeat center 10px; border-bottom:0; border-right:0; background-size: 60%}
.mob_box1 ul a li.st4 { background:url(../images/u_04.gif) no-repeat center 10px; border-bottom:0; background-size: 60%}
.mob_box1 ul a li.st5 { background:url(../images/u_05.gif) no-repeat center 10px; border-bottom:0; background-size: 60%}
.mob_box1 ul a li.st6 { background:url(../images/u_06.gif) no-repeat center 10px; border-bottom:0; border-right:0; background-size: 60%}
.mob_box1 ul a li.st7 { background:url(../images/u_07.gif) no-repeat center 10px; border-bottom:0; background-size: 60%}
.mob_box1 ul a li.st8 { background:url(../images/u_08.gif) no-repeat center 10px; border-bottom:0; background-size: 60%}
.mob_box1 ul a li.st9 { background:url(../images/u_09.gif) no-repeat center 10px;  border-bottom:0; border-right:0; background-size: 60%}
.mob_box1 ul a li.st28 { background:url(../images/u_09.gif) no-repeat center 10px; background-size: 60%}
.mob_box1 ul a li.st29 { background:url(../images/u_09.gif) no-repeat center 10px; background-size: 60%}
.mob_box1 ul a li.st30 { background:url(../images/u_09.gif) no-repeat center 10px; border-bottom:1; border-right:0; background-size: 60%}
.mob_box1 ul a li.st10 { background:url(../images/u_10.gif) no-repeat center 10px; border-bottom:0; background-size: 60%}
.mob_box1 ul a li.st11 { background:url(../images/u_11.gif) no-repeat center 10px; border-bottom:0; background-size: 60%}
.mob_box1 ul a li.st12 { background:url(../images/u_12.gif) no-repeat center 10px; border-bottom:0; border-right:0; background-size: 60%}
.mob_box1 ul a li.st13 { background:url(../images/u_13.gif) no-repeat center 10px; border-bottom:0; background-size: 60%}
.mob_box1 ul a li.st14 { background:url(../images/u_14.gif) no-repeat center 10px; border-bottom:0; background-size: 60%}
.mob_box1 ul a li.st15 { background:url(../images/u_15.gif) no-repeat center 10px; border-bottom:0; border-right:0; background-size: 60%}
.mob_box1 ul a li.st16 { background:url(../images/u_16.gif) no-repeat center 10px; background-size: 60%}
.mob_box1 ul a li.st17 { background:url(../images/u_17.gif) no-repeat center 10px; background-size: 60%}
.mob_box1 ul a li.st18 { background:url(../images/u_18.gif) no-repeat center 10px; border-bottom:1; border-right:0; background-size: 60%}
.mob_box1 ul a li.st19 { background:url(../images/u_19.gif) no-repeat center 10px; border-bottom:0; background-size: 60%}
.mob_box1 ul a li.st20 { background:url(../images/u_20.gif) no-repeat center 10px; border-bottom:0; background-size: 60%}
.mob_box1 ul a li.st21 { background:url(../images/u_21.gif) no-repeat center 10px; border-bottom:0; border-right:0; background-size: 60%}
.mob_box1 ul a li.st22 { background:url(../images/u_22.gif) no-repeat center 10px; border-bottom:0; background-size: 60%}
.mob_box1 ul a li.st23 { background:url(../images/u_23.gif) no-repeat center 10px; border-bottom:0; background-size: 60%}
.mob_box1 ul a li.st24 { background:url(../images/u_24.gif) no-repeat center 10px; border-bottom:0; border-right:0; background-size: 60%}
.mob_box1 ul a li.st25 { background:url(../images/u_25.gif) no-repeat center 10px; border-bottom:0; background-size: 60%}
.mob_box1 ul a li.st26 { background:url(../images/u_26.gif) no-repeat center 10px; border-bottom:0; background-size: 60%}
.mob_box1 ul a li.st27 { background:url(../images/u_27.gif) no-repeat center 10px; border-bottom:0; border-right:0; background-size: 60%}
.mob_box1 span {display:inline-block}

.mob_noticeW { margin:0 auto; width:95% ;  padding:10px 0}
.mob_notice_tab ul {overflow: hidden; width:100%}
.mob_notice_tab li {float: left;  width:49% ; margin-right:2px}

.mob_notice_tab a { border:1px solid #bfbfbf ; padding:0.7em 0;  text-align:center ; width: 100%; background:url(../images/arrow2.png) no-repeat 90% center; background-size: 0.9em;}
.mob_notice_tab a.active { border:1px solid #007dc6 ; background:url(../images/arrow1.png) no-repeat 90% center #007dc6; background-size: 0.9em ; color: #FFF}

.mob_notice {  border:1px solid #d5d5d5 ; margin: 5px 0}
.mob_notice li { border-top:1px solid #d5d5d5 ; padding: 0.75em ;}
.mob_notice li.none { border-top:none ;}
.mob_notice li span { color: #a8a8a8; ; font-size: 0.95em ; margin-right:0.95em}


.mob_copy { background: #4c515c; color: #a1a6b0; font-size:0.9em;}
.mob_copy ul {background: #3b404b ; border-bottom:1px solid #2e2e2e ; overflow: hidden; padding:5px 10px}
.mob_copy li { float: left;}
.mob_copy li a { margin:5px 5px ; color: #bebebe;}
.mob_copy li a img { width:80%}
.mob_copy li span { border:1px solid #757575; background: #2e323c; display: inline-block;}
.mob_copy span { padding:3px 10px ; display: block; line-height:120%}
.mob_copy span p { display: block; color: #dbdde2;font-size:1.25em; margin:3px 0; line-height:140%}
.mob_copy span p.copy { color: #9297a1; font-size:1em; margin:4px 0; line-height:140%}


/*****************************sub********************************/
.mob_W {min-height:430px}
.mo_minfoW { width:95%; margin:0 auto; padding:15px 0 ;line-height:1.375em}
.mo_winfoW { width: 100%; line-height:1.375em ;}
.mo_meminfoW { width:95%; margin:0 auto; padding:15px 0 ;line-height:1.375em}

.mob_title { font-size:1.3125em; font-weight:bold ; background:#e6e9f0; text-align:center; position: relative; padding:0.75em 0; border-bottom:1px solid #cecece}
.mob_title2 { font-size:1.3125em; font-weight:bold ; background:#e6e9f0; text-align:center; position: relative; padding:0.75em 0; border-bottom:1px solid #cecece; box-shadow: inset  0px 2px 4px 0px #bababa; }

.mo_back {position: absolute; right: 15px; top: 7px;}
.mo_back img {width: 70%;}

.mo_subtab {background: #667690}
.mo_subtab a { display:inline-block; background: #667690; color: #c4cad6; width:33% ; border-right:1px solid #444e60}
.mo_subtab a.last{border-right:0 ;}
.mo_subtab a.active{ background: #444e60; color: #FFF !important;}
.mo_subtab a li{ padding:17px 0 15px; text-align:center; font-size:1.125em;}
.mo_subtab a.w5{ width:49.5%;}
.mo_subtab ul.bt1 {border-top:1px solid #444e60}

.mo_subtab2 {overflow:hidden}
.mo_subtab2 li { float: left;background:url(../images/mem_tab1.gif) no-repeat center center ; width:50%; height:30px; padding:10px}
.mo_subtab2 li.last {;background:url(../images/mem_tab2.gif) no-repeat center center}

.stab_sub { background: #444e60; padding:10px}
.stab_sub ul { overflow: hidden;}
.stab_sub li { float: left; width:33% ; }
.stab_sub li a { border:2px solid #8995a8; color: #FFF; padding:7px 0px; margin:2px; width:93% ; text-align:center ; display:inline-block}
.stab_sub li a.active { border:2px solid #53bfff; color: #53bfff;}

.stitle {background: url(../images/arrow5.gif) no-repeat left 10px; padding: 5px 0 5px 10px}
.stm { width:90%; margin:7px auto 0 auto;}
.stitle2 { display:block; padding: 10px 0 ; text-align:center}

.intro {margin:20px 0}
.intro p {  display:block; margin:5px 0; font-size:1em  ;padding: 10px; }
.intro p.cb {background:#017dc7 ;color: #FFF; font-size:1.25em; text-align:center}
.intro p.cc {background:#01afa5 ;color: #FFF; font-size:1.25em; text-align:center}
.intro_s { background: #017dc7;color: #FFF; }
.intro img {margin-left:20px}

.intro2 {margin:20px 0}
.intro2 p {  margin:5px 0 10px; font-size:1em ; }
.intro2 img { margin:10px 0 10px 10px; }

.loginW {margin:20px 0; text-align:center; overflow: hidden;}
.loginW p {margin:10px 0 }
.joinW {margin:0px 0; overflow: hidden;}

.box1{ clear:both; border:1px solid #c5c5c5 ; border-top:1px solid #007dc6 ; background: #f5f7f9; padding:20px ; overflow: hidden; margin:10px 0 10px;}
.box1 span {font-size:1.063em ; padding:0 10px ;font-weight:bold}
.wr_info { margin:2px 0}
.wr_info span { display:inline-block ; border:1px solid #dbdbdb; background: #FFF; padding:14px 3px; width:20%; text-align:center}
.wr_info select { width:24%}

.bordW {  background: #e6e9f0;  padding:4px 0}
.bordW ul { background: #FFF;}
.bordW li.first { border-top:1px solid #dbdbdb}
.bordW li { overflow: hidden;  border-bottom:1px solid #dbdbdb}
.bordW li a { float:left; padding:8px 5px 8px 13px ; color: #323232; font-weight:bold; line-height: 150% ;width: 80%;}
.bordW li a p { font-size:0.875em; color: #949494; }
.bordW li img { padding:4px 0}
.bordW li img.bookb { width: 180px; height:200px; margin:10px}
.bordW li.title { text-align:center; padding:15px 0 ; font-weight:bold}
.bordW li.title p { font-size:0.875em; color: #949494; }
.bordW li span.arrow { width:10% ; float:right}
.bordW li span.arrow a { width:100%; padding:0 }
.bordW li span.arrow img { margin:8px 8px 0 0 ;width:80%}
.bordW  .book_title { font-size:1.063em; font-weight: bold ; color:#494949; padding:5px 0 }

.bprice { font-size:0.875em ; color: #949494 ;}
.bprice p {line-height:140%;}

.bprice span.sale{ background:#f38766; color: #FFF; font-size:11px; padding:2px 5px;}
.price { color: #017dc7; font-weight:bold; font-size:15px ; }

.fixp { text-decoration: line-through; font-size:0.875em; color: #949494;}
.bordW .movie { width:35%; height:80px; float: left; margin-right:10px}
.bordW .books { width:80px; height:86px; float: left; margin-right:10px}
.bordW li a.booka {width:100%}

.mypW {  background: #e6e9f0;  padding:4px 0}
.mypW ul { background: #FFF;}
.mypW li.first { border-top:1px solid #dbdbdb}
.mypW li { overflow: hidden;  border-bottom:1px solid #dbdbdb ; }
.mypW li a { ; color: #323232; font-weight:bold; line-height: 150% ; font-size:15px}
.mypW li a button { font-size:0.875em;   }
.mypW li a.title {  padding:15px 0 15px 12px }
.mypW li span.btnW { width:30% ; float:right; text-align:right ; font-size:0.875em ; color: #949494; margin:10px 5px 0 ; line-height:140%}
.mypW li span.icoW { width:78px; float:left;  margin:5px 0px;}
.mypW li span.icoW img {display:inline-block}

.enrW {  background: #e6e9f0;  padding:4px 0}
.enrW ul { background: #FFF;}
.enrW li.first { border-top:1px solid #dbdbdb}
.enrW li { overflow: hidden;  border-bottom:1px solid #dbdbdb ; }
.enrW li a { color: #323232; font-weight:bold; line-height: 150% ; font-size:15px}
.enrW li a.title { }
.enrW li span.icoW { width:18%; float:left;  margin:5px 2px;; box-sizing: border-box;  -moz-box-sizing: border-box;-webkit-text-size-adjust:none;}
.enrW li span.icoW img {display:inline-block ; width:100%}

.enrW .enr_right { ;float: left; box-sizing: border-box;  -moz-box-sizing: border-box;-webkit-text-size-adjust:none; width:60% ; padding:15px 0 15px 12px; line-height:180%}

.bordW .star { display:block; height:20px ; overflow:hidden}
.bordW .star img { float:left ; width:15px}
.bordW li p.star {  height:20px ; display: inline-block}
.bord_info {padding:10px; min-height:150px}
.book_info {padding:10px; min-height:100px ; background: #f6f7f9;}
.book_info ul {width:70% ; margin:0 auto; overflow:hidden ; background:none}
.book_info li { float:left ; border-bottom:0; padding:8px 0}
.book_info li.tit {width:40% }
.book_info li.inf {padding:0}
.book_info select {padding:5px 5px}

.faqW {  background: #e6e9f0;  padding:4px 0}
.faqW ul { background: #FFF;}
.faqW li.first { border-top:1px solid #dbdbdb}
.faqW li { overflow: hidden;  border-bottom:1px solid #dbdbdb}
.faqW li a { float:left; padding:8px 5px 8px 13px ;  color: #323232; font-weight:bold; ; line-height: 150% ;width: 80%;}
.faqW li a p { font-size:0.875em; color: #949494; border:1px solid #cfd0d3; display:inline-block; padding:3px 5px; width:80px ; text-align:center}
.faqW li img { padding:4px 0}
.faqW li.title { text-align:center; padding:15px 0 ; font-weight:bold ;}
.faqW li.title p { font-size:0.875em; color: #949494;border:1px solid #cfd0d3; display:inline-block; padding:3px 5px; text-align:center ; margin-right:6px}
.faqW li span.arrow { width:10% ; float:right}
.faqW li span.arrow a { width:100%; padding:0 }
.faqW li span.arrow img { margin:0 0 ;width:80%}

.b_num {text-align: center; margin: 10px 0; overflow:hidden ; }
.b_num div, .b_btnl div {display: inline-block; width: 9%; height:30px; line-height: 30px; text-align: center; border: 1px solid #d3d3d3; color: #4d4d4d; cursor: pointer; font-size:0.9em}
.b_num div.prev, .b_btnl div.prev { background:url(../images/num_pre.png) no-repeat center center}
.b_num div.prevf { background:url(../images/num_pref.png) no-repeat center center}
.b_num div.next, .b_btnl div.next { background:url(../images/num_next.png) no-repeat center center}
.b_num div.nextf { background:url(../images/num_nextf.png) no-repeat center center}
.b_num div.fast, .b_btnl div.fast {position: relative; vertical-align: bottom;}
.b_num div.active {color: #FFF;background:#3e4b5e ; border:1px solid #3e4b5e}

.b_btns { margin: 10px 0; overflow:hidden ; float:left}
.b_btnW {overflow:hidden; width:95%; margin:0 auto}
.b_btnr {float:right ; margin: 15px 0}
.b_btnl {float:left ; margin: 15px 0 ; width:50%}

.b_btnl .prev, .b_btnl .next {width:20% }

.b_right {display:inline-block; height:35px; padding:0px 0 0 0}
.inp {
    float: left;
    width: 40px !important;
    height: 29px !important;
    border: 1px solid #ccc;
    border-right: 0 none;
    color: #333;
    line-height: 29px;
	padding:0 0 0 5px;
	margin:0 !important;
}
 .btn_num {
    float: left;
    width: 21px ;
    height: 29px;
    background: url(../images/icon_ud.gif) no-repeat 0 0;
	
	font-size:0 !important;
}
.btn_num a {
    overflow: hidden;
    float: left;
    width: 21px!important;
    height: 15px;
    margin-top: 1px;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -999em;
	padding:0  !important;
}

.bookv_info { padding:15px 15px 30px 15px}

.mob_box2 {border:1px solid #afb9d2 ; background: #FFF; margin:0 auto; width:95% }
.mob_box2 ul { overflow: hidden;}
.mob_box2 ul li {float: left ; padding:12px 0;  overflow: hidden; width:100%; border-bottom:1px solid #dedfe3 ;} 
.mob_box2 ul li a.play_but {float: right ; display: inline-block; padding:0px 10px 0 0; }
.mob_box2 ul li span {  display: inline-block ; padding: 7px 0}
.mob_box2 ul li span.tit { width:calc(100% - 100px)}
.mob_box2 ul li span.small { font-size:0.875em ; color: #949494 ; width:30px ; text-align:center}
.mob_box2 ul li span.small.fr {width:60px ;}

.en_selW {width:95% ; margin:0 auto; padding:10px ;}
.en_selW select {width:100% ; background:#01afa5 ; color: #FFF;}

.mob_box3 {border:1px solid #afb9d2 ; background: #FFF; margin:0 auto; width:95% }
.mob_box3 ul { padding:10px}
.mob_box3 ul li { padding:3px 0;  overflow: hidden; width:98%; margin:0 auto} 
.mob_box3 ul li span {  display: inline-block ;}
.mob_box3 ul li span.tit { font-size:0.875em ; color: #949494 ; text-align:center ; border:1px solid #afb9d2 ; width:70px ; padding: 2px 0; margin-right:10px}
.mob_box3 ul li span.small { font-size:0.875em ; color: #949494 ; text-align:center}

.mob_box4 { background:#f6f7f9 ;  padding:10px; margin:15px 0 ; border-top:1px solid #afb9d2 ;  border-bottom:1px solid #afb9d2 ; }
.mob_box4 ul { border:1px solid #afb9d2 ;  overflow: hidden ; margin:0 auto; width:100% ; background:#FFF}
.mob_box4 li { float: left;  padding:10px}
.mob_box4 li.tit {width:20% ;  font-weight:bold ; margin:0 0 0 10px}
 


/*************************btob***************************/

.bbm_header {position: relative; overflow: hidden; background:#FFF;}
.bbm_header .logo { position:absolute; padding:15px 0 0 0 ; text-align:center; width:100%}
.bbm_header .left_top { position:relative; float: left; margin:0.95em}
.bbm_header .right_top { position:relative; float: right; margin:0.95em}

.bbm_menu {}
.bbm_menu ul { overflow: hidden; border-top: 1px solid #017dc7; border-bottom: 1px solid #d4d4d4}
.bbm_menu li { float: left; width: 33.3%; text-align:center}
.bbm_menu li a { font-size:1.125em; font-weight:700 ; color: #4f4f4f; line-height:320% ; font-weight:bold}
.bbm_menu li.active {background:#017dc7; color:#fff ; border-top:1px solid #017dc7}
.bbm_menu li.active a {color:#fff}

.bbm_W {min-height:260px}
.bbm_loginW {min-height:330px; width:90% ; margin:0 auto}