@import "default.css";
h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;font-size:inherit ;line-height: normal;display: block;font-weight: normal;}
body {background:#111 url(../images/bgBody.gif) repeat-x 0 0;width:100%;}
.cntr-wrp {background:transparent url(../images/bgTopPage.png) no-repeat 50% 8px;position:relative;width:100%;}
.cntr-wrp .rainbow {background:transparent url(../images/rainbowColor.png) no-repeat 50% 0;height:102px;position:absolute;width:100%;z-index:1;left:0;}
.pBody {width: 960px;padding: 0 5px;background:transparent url(../images/tranparentBG.png) repeat-y 100% 0;margin: 0 auto;}
.pBody-inner {width: 960px;background-color: #fff;}
.header {width:960px;margin: 0 auto;padding: 0 5px;background:transparent url(../images/tranparentBG.png) repeat-y 100% 0;height:70px;position:relative}
.header .hInner {background:transparent url(../images/titleBG.png) repeat-x 0 0;height: 70px;width: 960px;}
.menu-wrp{position:relative;z-index:2;width:960px;margin:0 auto -70px;height:70px;top:-70px; _margin-bottom:0}
.menu-wrp .logo{width: 200px;height: 62px;position: absolute;left : 10px;top: 10px; z-index: 3;}
.menu-wrp .logo a{background:transparent url(../images/comp.png) no-repeat -370px -250px;width: 196px;height: 62px;left : 0;display: block;}
.menu-wrp .menus {width: 521px;padding-top: 7px;font-size: 14px;font-weight: bold; z-index:3;position: absolute;right:0;height:63px}
.menu-wrp .menus li{float: left;padding: 0 1px 0 0;}
.menu-wrp .menus li a{display: block;padding: 39px 0 0 0;color: #000;line-height: 24px;text-align: center;position:relative}
.menu-wrp .menus li a:hover{color: #cc3b1e;text-decoration: none;}
.menu-wrp .menus li a.current{background:transparent url(../images/titleBG.png) repeat-x 0 -71px;color: #fff;}
.menu-wrp .menus li a.about{width: 96px;}
.menu-wrp .menus li a.manga{width: 111px;}
.menu-wrp .menus li a.photo{width: 110px;}
.menu-wrp .menus li a.help{width: 90px;padding-left: 15px;}
.menu-wrp .menus li a.home{width: 94px;}
.pBody .banner {background:transparent url(../images/topImage2.jpg) no-repeat 0 3px;}
.pBody .banner .sms-syntax{background:transparent url(../images/syntax.png) no-repeat 0 0;width: 400px;height: 150px;position: relative;left: 20px;top: 30px;}
.pBody .banner .bInner{background:transparent url(../images/comp.png) no-repeat 0 0;height: 220px;}

.pBody .body{padding: 0 8px 0 10px ;}
.pBody .body .alpha{width: 620px;float: left;overflow: hidden;padding-bottom: 30px;}
.pBody .body .alpha .top{border: 1px solid #ddd;margin-bottom: 10px;}
.pBody .body .alpha .top.about{padding:10px 0 5px 20px;}
.top.about h2{text-indent: -9999px;padding-bottom: 5px;}
.top.about h2 a{background:transparent url(../images/comp.png) no-repeat 0 -220px;height: 25px;overflow: hidden;display: block;}
.top.about .content{line-height: 22px;padding-bottom: 15px;}
.pBody .body .alpha .bot{}    
.pBody .body .alpha .bot .left-col{width: 380px;float: left;}    
.pBody .body .alpha .bot .left-col .ports{}    
.pBody .body .alpha .bot .left-col .port{padding-left: 20px;border-bottom: dashed #a8caec 1px;padding-top: 8px;}    
.pBody .body .alpha .bot .left-col .port .title h2  {line-height: 16px;}    
.pBody .body .alpha .bot .left-col .port .title h2 a {font-size: 14px;font-weight: bold;padding-bottom: 3px;line-height: normal;}    
.pBody .body .alpha .bot .left-col .port .title h2 a.red {color: #cc3b1e;}    
.pBody .body .alpha .bot .left-col .port .title h2 a.green {color: #86ac00;}    
.pBody .body .alpha .bot .left-col .port .title h2 a.black {color: #3a4c5c;}    
.pBody .body .alpha .bot .left-col .port .info {width: 190px;float: left;}    
.pBody .body .alpha .bot .left-col .port .content {font-size: 11px; color: #999;line-height: 16px;}    
.pBody .body .alpha .bot .left-col .port .button .btn{float: right;margin-top: 5px;}    
.pBody .body .alpha .bot .left-col .port .image {width: 170px;_width/**/:/**/165px;overflow: hidden;}    
.pBody .body .alpha .bot .left-col .notice {background-color: #ffe7a0;margin: 20px;border: 1px solid #ccc;padding: 10px;}    
.pBody .body .alpha .bot .right-col{width: 220px;float: right;}    
.pBody .body .alpha .bot .right-col .comment-box{}    
.pBody .body .alpha .bot .right-col .comment-box .cInner {background: transparent url(../images/commentComp.png) no-repeat -422px 100%;}    
.pBody .body .alpha .bot .right-col .comment-box .heading{font-size: 14px;color: #fff;font-weight: bold;padding-left: 38px;line-height: 30px;padding-bottom: 12px;background: transparent url(../images/commentComp.png) no-repeat 0 0;}    
.pBody .body .alpha .bot .right-col .comment-box .form{border-left: 1px solid #e7e0d7;border-right: 1px solid #e7e0d7;}    
.pBody .body .alpha .bot .right-col .comment-box .form, .right-col .comment-box .list{border-left: 1px solid #e7e0d7;border-right: 1px solid #e7e0d7;padding: 0 4px 15px 4px;}    
.pBody .body .alpha .bot .right-col .hotest{background: transparent url(../images/hotestHeading.jpg) no-repeat 0 0;padding-top: 52px;}    
.pBody .body .alpha .bot .right-col .hotest h2{display: none;}        
.pBody .body .beta{width: 310px;float: right;position: relative;}    
.pBody .body .betaInner{background: transparent url(../images/comp.png) no-repeat 0 -292px;margin-top: -40px;z-index: 5;padding:5px 5px 5px 5px;width: 300px;}    
.pBody .body .beta .box{margin-bottom: 10px;}    
/*.pBody .body .beta .button a.gprs{height: 50px;width: 220px;background: transparent url(../images/comp.png) no-repeat -567px -249px;display: block;padding-left: 80px;padding-top: 20px;text-decoration: none;}    
.pBody .body .beta .button a.gprs .name{font-size: 18px;font-family:Tahoma, Courier, monospace;color: #cc3b1e; font-weight: bold;}    
.pBody .body .beta .button a.gprs .content{color: #888;text-align: right;padding-right: 12px;}    
.pBody .body .beta .button a.gprs .content span{color: #0f5ea8;font-weight: bold;}    */
.pBody .body .beta .button a{background: transparent url(../images/comp.png) no-repeat -567px -249px;display: block;text-decoration: none;padding-top: 1px;padding-bottom: 10px;}    
.pBody .body .beta .button a .inner{padding-left: 80px;padding-top: 20px;height: 40px;width: 220px;background: transparent url(../images/comp.png) no-repeat -567px -100%;}    
.pBody .body .beta .button a .inner.threeG {background-position: -895px 100%;}    
.pBody .body .beta .button a .inner.threeG .name {color: #b30b0a;}     
.pBody .body .beta .button a .inner.phones {background-position: -898px 88%;}    
.pBody .body .beta .button a .inner.phones .name {color: #4b1a8e;}       
.pBody .body .beta .button a .inner.manga {background: transparent url(../images/mangaIcon.jpg) no-repeat 14px 3px;}    
.pBody .body .beta .button a .inner.manga .name {color: #567b03;}    
.pBody .body .beta .button a.gprs .name{font-size: 18px;font-family:Tahoma, Courier, monospace;color: #2248a2; font-weight: bold;}    
.pBody .body .beta .button a.gprs .content{color: #888;text-align: right;padding-right: 12px;padding-top: 3px;}    
.pBody .body .beta .button a.gprs .content span{color: #0f5ea8;font-weight: bold;}    
.pBody .body .beta .flash{height: 460px;padding-left: 5px;padding-top: 5px;background: transparent url(../images/loading.gif) no-repeat 50% 50%;}    
.pBody .body .beta .helps, .help-box{background: transparent url(../images/helpBG.jpg) no-repeat 0 0; padding-top: 40px;}    
.pBody .body .beta .helps .hInner, .help-box .helpInner{background: transparent url(../images/helpBG.jpg) no-repeat 100% 100%; padding: 0 10px 80px 30px;}    
.pBody .body .beta .helps .heading a, .help-box .helpInner .heading{font-size: 14px;font-weight: bold;color: #0f5ea8;}    
.pBody .body .beta .helps ul{padding-left: 10px;list-style: none;}    
.pBody .body .beta .helps ul li, .help-box li{padding: 5px 0;border-bottom: 1px dotted #aaa;}    
.pBody .body .beta .helps ul li a{color: #3a4c5c;background: transparent url(../images/comp.png) no-repeat -953px -281px;padding-left: 15px;}    
.pBody .body .beta .helps ul li a:hover{color: #cc3b1e;}    
.help-box .helpInner {padding-left: 10px;}
.help-box li {padding-left: 5px;font-size: 11px;}
.right-col .comment-box .list {border-top: 1px dashed #f7ad67;padding-top: 10px;}
.right-col .comment-box .list .name, .comment-box .list .email {color: #555;font-size: 11px;}
.comment-box .list .content {padding:3px 0 5px 0;}
.comment-box .list .comment {padding: 5px;}
.comment-box .list .comment.gray {background-color: #f1f1f1;}
.page-link {padding:0 4px 4px 4px;text-align: right;}
.page-link a, .page-link .pl-prev,.page-link .pl-next{padding: 1px 5px;font-size: 11px;color: #fff;background-color: #ccc;font-weight: bold;text-decoration: none;margin: 0 1px;}
.page-link a:hover{background-color: #0f79ca;}
.page-link a.pl-current{background-color: #feb766;}
.page-link .pl-stat{color: #888;font-size: 11px;padding-right: 5px;}
.right-col .comment-box .field {padding: 0 0 5px 4px;}    
.right-col .comment-box .checkbox {padding: 0 0 5px 4px;text-align: right;font-size: 11px;color: #888;line-height: 18px;}    
.right-col .comment-box .field input{width: 192px;height: 20px;padding: 5px;border: none;background: transparent url(../images/commentComp.png) no-repeat -220px 0;font-size: 14px;color: #555;}    
.right-col .comment-box .field textarea{width: 192px;height: 60px;padding: 5px;border: 1px solid #ffcc92;font-size: 14px;color: #555;-moz-border-radius:5px;}    
.right-col .comment-box .button {padding-left: 60px;}
.right-col .comment-box .button a{float: left;margin: 0 2px;}    

.botCN {line-height: 10px;font-weight : 2px;height: 10px;background:transparent url(../images/tranparentBG.png) no-repeat 0 0;width: 970px;margin: 0 auto;}
/*--------------------------------------------
		//BTN
----------------------------------------------*/
.btn {background:transparent url(../images/comp.png) no-repeat 0 -250px;display: block;height: 20px;text-indent: -999px;}
.btn.view-all {background-position: -88px -250px;width: 87px;}
.btn.view-all:hover {background-position: -88px -271px;width: 87px;}
.btn.send {background-position: 0 -250px;width: 39px;}
.btn.reset {background-position: -39px -250px;width: 49px;}
.btn.send:hover {background-position: 0 -271px;}
.btn.reset:hover {background-position: -39px -271px;}

.tree-menu,.tree-menu h1 {font-size: 11px;padding-bottom: 5px;}
.tree-menu h1 {display: inline;}
.tree-menu .current{font-weight: bold;color: #555;}
.tree-menu a{color: #888;}
.tree-menu a:hover{color: #0f79cb;}
/*--------------------------------------------
		//Footer
----------------------------------------------*/
.footer {}
.footer .top{height: 50px;line-height: 50px;background-color: #f1f0f0;padding: 0 10px;}
.footer .top .dore{width: 400px;float: left;}
.footer .top .dore a{background:transparent url(../images/comp.png) no-repeat -878px -235px;display: block;height : 50px;width: 300px;padding-left: 90px;color: #555;}
.footer .top .logos-link{width: 80px;float: right;padding-top: 12px;}
.footer .top .logos-link a{background:transparent url(../images/comp.png) no-repeat -177px -250px;display: block;width: 32px;height: 32px;opacity:0.7;filter:alpha(opacity=70)}
.footer .top .logos-link a:hover{opacity:1;filter:alpha(opacity=100)}
.footer .top .logos-link a.twitt{background-position: -209px -250px;}
.footer .top .logos-link li{float: left;padding: 0 2px;}
.footer .bot{padding: 8px 0 4px 15px;}
.footer .bot span{font-weight: bold; padding-right: 10px;}
.footer .top .dore a:hover{text-decoration: none;}


/*--------------------------------------------
		//intros
----------------------------------------------*/
.intros {padding-left: 20px;}
.intros .intro{width: 290px;float: left;height: 120px;padding: 10px 0;border-bottom: 2px solid #f1f1f1;}
.intros .intro .info{width: 180px;float: left;}
.intros .intro .name h2{font-family:Tahoma, Courier, monospace; font-weight: normal !important;font-size: 18px;}
.intros .intro .description{color: #888;padding-top: 5px;}
.intros .intro.m20{margin-right: 20px;}

/*--------------------------------------------
		//Photos
----------------------------------------------*/
.photos {}
.photos .list{padding: 10px 0 0 0;height: 64px;overflow: hidden;}
.photos .list li{float: left;padding: 0 3px;display: block;}
.photos .list li a{display: block;width: 60px;height: 60px;overflow: hidden;background-color : #ccc;border: 2px solid #ddd;line-height: 60px;font-size: 40px;}
.photos .list li a:hover{border-color: #888;}
.photos .list li a.arr{font-size: 30px;line-height: 50px;width: 24px;text-align: center; border: none;background-color: transparent;color: #ccc;}
.photos .list li a.arr:hover{text-decoration: none;color: #0f79cb;}
.photos .view{text-align: center;padding: 10px 0;background:url("../images/loading.gif") no-repeat scroll 50% 50% transparent;min-height: 300px;}
.photos .view img{text-align: center;margin: 0 auto;}

/*--------------------------------------------
		//phones
----------------------------------------------*/
.phones {padding-left: 20px;}
.phones .form label{width: 120px;}
.phones .col{padding-right: 10px;padding-bottom: 20px;font-size: 13px;}
.phones .col .heading{font-size: 18px;color: #0f79ca;text-transform: uppercase;padding-bottom: 5px;font-family:Tahoma, Courier, monospace;}
.phones .col ul{padding-left: 5px;display: block;}
.phones .col ul li{display: block;_height/**/:/**/24px ;float: left;width: 190px;}
.phones .col ul li b{color: #cf482d;}
.phones .col ul a{display: block;padding: 5px;color: #888;border-bottom: 1px solid #e2e2e2;}
.phones .col ul a:hover{background-color: #f1f1f1;font-weight: bold;color: #333;text-decoration: none;}
.phones .search{margin-bottom: 0;border-color: #ff81a4;}
.phones .filter {padding-left: 0px;height: 28px;overflow: hidden;}
.phones .filter ul{display: block;}
.phones .filter li{float: left;padding:5px 2px 0 2px;display: block;height: 23px;}
.phones .filter li a{display: block;line-height: 18px;padding: 2px 10px;border: 1px solid #ccc;border-bottom : 0;color: #555;background-color: #f1f1f1;}
.phones .filter li a:hover{background-color: #ffb5a6;text-decoration: none;}
.phones .filter li.current{padding-top: 0;}
.phones .filter li.current a{padding: 5px 10px;font-size: 14px;font-weight: bold;color: #fff;background-color: #cf482d;border-color: #c80c40;}
/*--------------------------------------------
		//Help
----------------------------------------------*/
.help-title {background: transparent url(../images/comp.png) no-repeat -941px -306px;padding-left: 24px;font-size: 18px;margin-top: 10px;}
.help-content {padding-left: 24px;line-height: 18px;color: #666;padding-top: 5px;}


/*--------------------------------------------
		//mangas
----------------------------------------------*/
.search{background: transparent url(../images/mangasearchbox.gif) repeat-x 0 100%;border:1px solid #CCCCCC;margin-bottom:10px;padding:10px;}
.search li{display:block;float:left;font-family:Tahoma,Courier,monospace;font-size:11px;font-weight:bold;height:16px;line-height:16px;margin:5px 2px;text-transform:uppercase;}
.search a{border:2px solid #ddd;display:block;float:left;line-height:16px;text-align:center;width: 15px;text-align: center;}
.search a:hover{text-decoration: none;background-color: #3090FE;color: #fff;}
.search a.all{width: 65px;}
.search a.current{background-color: #FF7500;color: #fff;}
.form {padding: 5px 0;}
.form label{float: left;display: block;width: 65px;line-height: 24px;font-weight: bold;}
.form .field{float: left;margin-right: 5px;}
.form .field input {border: #999 1px solid;padding:2px 2px;font-size: 14px;width: 225px;}
.form .search-btn{float: left;}
.form .search-btn button {font-weight:bold;padding: 3px 5px;background-color: #FF7500;color: #fff;cursor: pointer;border: none;}
.form .search-btn button:hover {background-color: #8FC400;}
.mangas .filter li{float: left;font-size: 11px;padding: 0 5px;font-weight: bold;}
.mangas .filter li a{color: #888;}
.mangas .filter li a.current{color: #2248a2;}
.mangas .mangas table{margin: 0;padding: 0;}
.mangas .mangas tr.odd td{background-color: #f1f1f1;}
.mangas .mangas th{border-bottom: 2px solid #86c0e3;padding: 5px;background-color: #fff;color: #000;}
.mangas .mangas td{border-bottom: 1px dashed #ccc;padding: 5px;}
.mangas .mangas td a{font-size: 14px;color: #333;}
.mangas .mangas td a:hover{color: #cc3b1e;}
img {font-size: 8px;color: #999;}
/*--------------------------------------------
		//manga-detail
----------------------------------------------*/
.manga-detail .infos {width: 430px;float: right;}
.manga-detail .infos .info{padding: 4px 0;}
.manga-detail .detail .image{width: 180px;height: 225px;float: left;overflow: hidden;background:transparent url(../images/no-cover.jpg) no-repeat 3px 3px;}
.manga-detail .detail .image img{width: 160px;padding: 2px;border: 1px solid #ccc;}
.manga-detail .infos .info.name{font-size: 24px;color: #3090fe;}
.manga-detail .infos .info b{color: #555;}
.manga-detail .infos .info .text{width: 315px;float: right;}
.manga-detail .vol-chap .heading{font-size: 18px;padding-top: 20px;border-bottom: 2px #ccc solid;}
.manga-detail tr.odd td{background-color: #f1f1f1;}
.manga-detail th{border-bottom: 2px solid #86c0e3;padding: 5px;background-color: #fff;color: #000;}
.manga-detail td{border-bottom: 1px dashed #ccc;padding: 5px;}
.manga-detail td a{font-size: 14px;}
.manga-detail td a:hover{font-weight: bold;color: #333;}
.manga-detail .ad{text-align: center;padding-top: 20px;}
.manga-detail .ad .dore{width: 600px;height: 80px;margin: 0 auto; background-color: #ccc;}

.manga-box .coming {border: 1px solid #f8e006;padding:2px;}
.manga-box .coming .heading{line-height: 24px;font-size: 14px;color: #fff;background-color: #f68e22;padding-left: 5px;font-weight: bold;}
.manga-box .coming .manga{padding: 5px 3px;border-bottom: 1px #f1f1f1 dotted;}
.manga-box .coming .manga .name{font-size: 11px;}
.manga-box .coming .manga .mName{font-weight: bold;color: #888;}