@charset "utf-8";
.main{ padding-top:6px ;}
.searchContent{float:right; width:770px}

.navigationBar{ border:1px solid #DEDEDE; margin-bottom:8px; padding:10px; width:161px;}
.navigationBar h2{color:#002633; padding:0px 0 8px 0px; font-size:14px;}
.navigationBar li{ background:url(../images/allImage.gif) no-repeat -186px -265px; margin:2px 0 3px ; padding-left:10px; display:block; float:left; width:150px ; clear:both; }
.navigationBar li span{color:#fff;}
.navigationBar li ul{ padding-top:3px; clear:both}
.navigationBar li ul li{ background:url(../images/allImage.gif) no-repeat -169px -285px; padding-left:12px; width:138px;float:left; clear:both;}
.navigationBar .plus{ cursor:pointer; }
.navigationBar .minus{ cursor:pointer;}

.articleBox{ padding-bottom:25px; clear:both; padding-left:6px;}
.articleBox h1{ clear:both; color:#2b2b2b; font-size:16px; margin-bottom:15px;}
.articleBox h2,.articleBox h3,.articleBox h4,.articleBox h5,.articleBox h6{ color:#383838; font-size:12px; font-weight:bold; padding-bottom:10px}
.articleBox p{ padding-bottom:18px; color:#424141; line-height:16px;}
.articleBox ul,.articleBox ol{ margin-left:25px; margin-bottom:20px;}
.articleBox ul li{ list-style-type:disc; padding:5px 0;}
.articleBox ol li{ list-style-type:decimal;padding:5px 0;}

.relateTopic{ padding-left:4px;}
.relatebox{ height:62px; padding:4px;  }
.relatebox .relateRight{ height:62px; overflow:hidden;}
.relatebox img{ float:left; margin-right:6px; padding-left:5px;}
.relatebox h3{ padding-bottom:5px;line-height:14px; padding-top:1px; }
.relatebox h3 a:link,
.relatebox h3 a:visited,
.relatebox h3 a:hover,
.relatebox h3 a:active{ padding-bottom:4px;  font-weight:bold;}
.relatebox p{padding-bottom:0px; line-height:13px;}
.relatebox p a:link,
.relatebox p a:visited,
.relatebox p a:hover,
.relatebox p a:active{ font-style:italic; color:#595959;}
.noImageRow p a:link,
.noImageRow p a:visited,
.noImageRow p a:hover,
.noImageRow p a:active{ font-style:italic; color:#595959;}


.favBox{  padding-bottom:6px; position:relative; z-index:100;}
.favBox h2{ padding-left:109px; background:url(../images/allImage.gif) no-repeat -61px 3px; font-style:italic;}
.favBox ul{ padding-top:3px;}
.articleBox .favBox p{ padding-bottom:0;}
.articleBox .favBox ul{margin-left:0px; margin-bottom:0;}
.articleBox .favBox li{ list-style-type:none;}

.favBox a.favTit:link,
.favBox a.favTit:visited,
.favBox a.favTit:hover,
.favBox a.favTit:active{color:red; font-weight:bold;font-size:16px; text-decoration:underline;  }
.favBox a.favDes:link,
.favBox a.favDes:visited,
.favBox a.favDes:hover,
.favBox a.favDes:active{ font-size:12px; font-weight:normal;}
.favBox a.favDes:link span,.favBox a.favDes:visited span,.favBox a.favDes:hover span,.favBox a.favDes:active span{font-size:12px;font-weight:normal;color:green; font-weight:bold; }
.articleBox .favBox li{background:url(../images/icon_arrow_sp.gif) 0 8px no-repeat ; padding-left:20px; padding-bottom:0}
.favBox ul{ padding-top:0px;}

.blue a.favTit:link,
.blue a.favTit:visited,
.blue a.favTit:hover,
.blue a.favTit:active{color:#2200CC; font-weight:bold;font-size:16px; text-decoration:underline;  }

.articleList{  padding-bottom:34px; }
.articleList .title{ font-size:18px; font-weight:bold;color:#6bb0cf; margin-bottom:5px;}
.articleList h1{ display:inline; font-size:30px; color:#2a2a2a}
.articleList ul{ padding-bottom:0px; padding-top:10px;}
.articleList li{ padding:6px 0 6px 0px; list-style:disc; margin-left:18px; color:#002633;}
.articleList li a:link,
.articleList li a:visited,
.articleList li a:hover,
.articleList li a:active{ font-size:18px; text-decoration:underline; color:#464646}
.articleList .page{ padding-left:0px; padding-top:10px; padding-bottom:3px}

.allAlphabet{ background:url(../images/allBg.gif) repeat-x; height:23px; line-height:23px; font-weight:bold; padding:5px 18px 6px;}
.allAlphabet p{ float:left; padding-right:25px; font-weight:bold; font-size:14px;}
.allAlphabet ul{ float:left;}
.allAlphabet li{ display:inline; padding-right:17px;}
.allAlphabet li a:link,
.allAlphabet li a:visited{ font-size:14px;width:15px; }
.allAlphabet li a:hover,
.allAlphabet li a:active{ font-size:14px; background:#1b429f; color:#fff; width:20px;}

.allAlphabetList{ padding:20px 10px;}
.allAlphabetList h4{ padding-bottom:10px;padding-left:8px;}
.allAlphabetList h4 a{ font-size:16px; font-weight:bold; }
.allAlphabetList .box{ float:left;  width:100%; border-bottom:1px solid #bbbbbb; margin-bottom:15px; padding-bottom:13px;}
.allAlphabetList .box ul{width:33%; float:left;}
.allAlphabetList .box li{ padding-bottom:4px; padding-left:8px;}
.allAlphabetList .box li a:link,
.allAlphabetList .box li a:visited,
.allAlphabetList .box li a:hover,
.allAlphabetList .box li a:active{ font-size:14px;}


.searchAd{  padding:5px  0 12px 0px; margin:0 0 10px; float:left; width:100%;} 
.searchAd h1{ padding-left:109px; background:url(../images/allImage.gif) no-repeat -61px 3px; font-style:italic; padding-bottom:6px; }
.searchAd ul{ background:#ecf4fe; padding:6px 10px; }
.searchAd li{  padding-left:18px; background:url(../images/dark_dashed.gif) no-repeat 2px 10px;}

.searchAd a:link,.searchAd a:visited,.searchAd a:hover,.searchAd a:active{text-decoration:none; display:block; }
.searchAd .tit a:link,
.searchAd .tit a:visited,
.searchAd .tit a:hover,
.searchAd .tit a:active{color:#1e459f; font-weight:bold;font-size:14px; text-decoration:underline; padding-right:3px;     }

.topBorder{  padding-top:20px;clear:both}
.searchItem{  margin:0 0 10px; clear:both}
.searchItem .searchTit{ font-size:12px; font-weight:bold;color:#000; padding-bottom:10px}
.searchItem h2{ display:inline;font-size:12px; color:#000;}
.searchItem .row{padding-right:100px;  padding-bottom:15px;}
.searchItem .row h3 a:link,
.searchItem .row h3 a:visited,
.searchItem .row h3 a:hover,
.searchItem .row h3 a:active{font-size:16px; color:#1e459f; font-weight:bold;}
.contentLeft .page{border-bottom:1px solid #ddd; margin-bottom:15px; padding-bottom:20px; clear:both;}
.searchItem .noresult{border-bottom:1px solid #ddd;margin-bottom:15px; }
.searchItem p.articleBreadcrumb{ padding-top:1px;padding-right: 0px;}
.searchItem .articleBreadcrumb a:link, .searchItem .articleBreadcrumb a:visited, .searchItem .articleBreadcrumb a:hover, .searchItem .articleBreadcrumb  a:active{color:#0E774A;}

.searchArticle{ padding-top:10px;width:600px; margin:0 auto; padding-left:15px;}
.searchContent .page{ text-align:center;clear:both;}

.contextNav .line{ border-bottom:1px solid #c8e2ed;}
.contextNav .line ul{ padding-bottom:10px;}
.contextNav .section{ background:#90c4db; padding:10px 15px 0;}
.contextNav .section h3{ font-size:14px; color:#2a2a2a; padding-bottom:4px}
.contextNav .section li{ background:url(../images/icon_dot.gif) no-repeat 4px 7px; padding:2px 2px 2px 20px}
.contextNav .section li a:link,
.contextNav .section li a:visited,
.contextNav .section li a:hover,
.contextNav .section li a:active{ color:#fff;}


.noresult{ color:#222c3a; font-style:italic;padding-top:15px;}

.reviewTitle{ font-size:17px; color:#0c0b0b; font-weight:bold; padding-bottom:10px; padding-left:0px;clear:both;}
.reviewTitle h3{ display:inline;font-size:17px;  color:#0c0b0b;}
.commentForm{ padding:15px 20px; background:#f1f1e8; margin-bottom:20px; padding-bottom:20px;}
.commentForm div{ color:#0c0b0b; padding-bottom:12px;}
.commentForm .title{ font-size:16px; color:#060503; padding-bottom:10px; font-weight:bold;}
.commentForm .title h3{ display:inline; color:#060503; font-size:16px; font-weight:normal;}
.commentForm p{ padding-bottom:12px; padding-top:4px; font-weight:bold;}
.commentTip,.commentName{ border:1px solid #b2b2b2; padding:2px 3px 2px; height:15px; font-size:11px; margin-bottom:0px; width:190px; }
.commentTip{ color:#c3c3c3;font-size:11px;}
.commentContexttip,.commentContext{ border:1px solid #b2b2b2; padding:3px; width:580px; height:130px;font-size:11px; }
.commentContexttip{color:#c3c3c3;font-size:11px;}
.commentSubmit{ background:#f97c04; font-weight:bold; color:#fff;  height:22px; width:100px; border:0; cursor:pointer; margin-left:15px;}
.security{ margin-left:290px;border:1px solid #b2b2b2;padding:2px 3px 2px;height:16px;}
.commentForm .tip{ display:block; color:red;}

.reviewReply{ padding-right:0px;}
.reviewReply .item{ border-bottom:1px solid #dedad7;  margin-bottom:15px; padding:0 5px 15px;}
.reviewReply .item h5{ float:left; width:300px; overflow:hidden;}
.reviewReply .item h5,.reviewReply .item h6{ display:inline; font-size:15px;color:#0c0b0b;}

.reviewReply .item h6{ float:right; text-align:right; overflow:hidden; height:20px;} 
.reviewReply .item h6 a:link,
.reviewReply .item h6 a:visited,
.reviewReply .item h6 a:hover,
.reviewReply .item h6 a:active{ font-size:15px;}

.reviewReply .item .commentText{ padding:5px 0 10px; line-height:17px;color:#0c0b0b; clear:both;}
.reviewReply .item span.date{color:#979797; font-size:11px;}
.reviewReply .quote{ border:1px solid #CABE83; background:#F1F1E8; padding:8px; margin-top:6px;}
.commentMore{ text-align:right; color:#333;}
.commentMore span{color:#e87100}
.commentMore a:link,
.commentMore a:visited,
.commentMore a:hover,
.commentMore a:active{ color:#000; padding:0 6px;}

.commentMoreBox{ padding-right:180px;}
.commentMoreBox .reviewReply{ padding-right:0;}
.commentPage{text-align:center}
.commentPage p{ display:inline; padding:0 6px; }
.commentPage a:link,
.commentPage a:visited,
.commentPage a:hover,
.commentPage a:active{ padding:0 5px;   font-weight:bold;}


.favBox .mid h2{ background:transparent url(../images/additional.gif) no-repeat scroll 0 0px ;padding-left:110px; padding-bottom:0px;}
.favBox{padding-left:0;}

.articleBox .blue a.favTit:link span,
.articleBox .blue a.favTit:active span,
.articleBox .blue a.favTit:visited span,
.articleBox .blue a.favTit:hover span{ font-weight:bold; font-size:16px; text-decoration:underline;color:#2200CC;}

.articleBox .gTst p{padding-bottom:0;}
.articleBox .gTst p.favtit{}
.articleBox .gTst .relatedkeyword{color:#383838;}
.articleBox .gTst .favheader{margin-top:2px;}

.articleBox .gTst a.favTit:link, 
.articleBox .gTst a.favTit:visited,
.articleBox .gTst a.favTit:hover,
.articleBox .gTst a.favTit:active{color:#193F91; font-size:14px; font-weight:bold; text-decoration:underline;}

.articleBox .gTst a.favWww:link, 
.articleBox .gTst a.favWww:visited, 
.articleBox .gTst a.favWww:hover, 
.articleBox .gTst a.favWww:active{color:green; font-weight:bold;}
.articleBox .gTst .Des,.articleBox .gTst .www,.articleBox .gTst a{ display:inline;}
.articleBox .favBox .mid li{padding-bottom:8px;}

.articleBox .floatFav{  padding-top:16px; background-image:none;padding-left:8px; padding-right:0; float:right; width:290px; }
.articleBox .floatFav .favheader{ background-image:none;} 
.articleBox .floatFav ul{ border-top:1px solid #ededeb;padding-top:6px;}

.articleBox .floatFav .mid{ padding-top:2px; }
.articleBox .floatFav ul li,.ArticleDetail .floatFav ul li{ list-style-type:none;padding-left:0; background-image:none;}
.articleBox .floatFav a.favTit:link, 
.articleBox .floatFav a.favTit:visited,
.articleBox .floatFav a.favTit:hover,
.articleBox .floatFav a.favTit:active{color:#193F91; font-size:14px; font-weight:bold; text-decoration:underline;}
.floatFav a.favDes:link, .floatFav a.favDes:visited, .floatFav a.favDes:hover, .floatFav a.favDes:active {color:#363636;}
.floatFav a.favDes:link span,.floatFav a.favDes:visited span,.floatFav a.favDes:hover span,.floatFav a.favDes:active span{ padding-left:0; color:green; font-weight:normal;display:block;}


.articleBox .floatFav p{ padding-bottom:0;}
.articleBox .floatFav p.Des span{margin-left:0;}
.articleBox .floatFav .Des,.articleBox .floatFav .www,.articleBox .floatFav a{ display:block;}


/*  start new style */

.contentRight{ width:300px; float:right;}
.contentLeft{ width:620px; float:left;}


.contentLeft .searchItem .row h3 a:link,
.contentLeft .searchItem .row h3 a:visited,
.contentLeft .searchItem .row h3 a:hover,
.contentLeft .searchItem .row h3 a:active{font-size:14px; color:#2200CC; font-weight:bold; text-decoration:underline;}

.contentLeft .noresult{padding-top:0;padding-bottom:22px;}

.topBlog{  margin:0 0 10px; clear:both;}
.topBlog .topBlogTit{ font-size:12px; font-weight:bold;color:#000; padding-bottom:10px}
.topBlog h2{ display:inline;font-size:12px; color:#000;}
.topBlog .row{padding-right:100px; padding-bottom:15px;}
.topBlog .row h3 a:link,
.topBlog .row h3 a:visited,
.topBlog .row h3 a:hover,
.topBlog .row h3 a:active{font-size:14px; color:#2200CC; font-weight:bold;text-decoration:underline;}

#leftFav{background:#fff url(../images/favTxt2.gif) no-repeat right top; }
#leftFav h1{ padding-left:109px; background:url(../images/allImage.gif) no-repeat -61px 3px; font-style:italic; padding-bottom:6px; }
#leftFav ul{border-bottom:1px solid #ddd;}
#leftFav li{ background-image:none; padding-left:0;}
#leftFav p.tit a{color:#2200CC; font-size:14px; font-weight:bold; text-decoration:underline; display:inline}
#leftFav p.Des{ display:block}
#leftFav p.www{ display:inline;}
#leftFav p.www a{color:#0E774A; font-weight:bold; display:inline}

#leftFav2{background:#fff url(../images/favTxt2.gif) no-repeat right top; }
#leftFav2 h1{ padding-left:109px; background:url(../images/allImage.gif) no-repeat -61px 3px; font-style:italic; padding-bottom:6px; }
#leftFav2 ul{border-bottom:1px solid #ddd;}
#leftFav2 li{ background-image:none; padding-left:0;}
#leftFav2 p.tit a{color:#2200CC; font-size:14px; font-weight:bold; text-decoration:underline; display:inline}
#leftFav2 p.Des{ display:block}
#leftFav2 p.www{ display:inline;}
#leftFav2 p.www a{color:#0E774A; font-weight:bold; display:inline}


#rightFav .tr div{  height:20px; background:url(../images/favTxt2.gif) no-repeat 157px 0;}
#rightFav li{ padding:0 10px 10px;}
#rightFav p.tit a{ font-size:14px; font-weight:bold; text-decoration:underline; }
.box p.tit a{color:#193F91;}
.adRight p.tit a{color:#2200CC;}
#rightFav p.Des{ display:block}
#rightFav p.Des a{color:#333; text-decoration:none;}
#rightFav p.www a{ font-weight:bold; font-size:12px;text-decoration:none;}
.box p.www a{color:green;}
.adRight p.www a{color:#0E774A;}


#WikiBox .tr{ margin-left:2px; }
#WikiBox h2{ font-size:13px; height:22px; font-family:Arial, Helvetica, sans-serif;}
#WikiBox h3,#WikiBox h4{ padding-bottom:5px; font-size:13px; padding-left:12px;}
#WikiBox ul,#WikiBox ol{ margin-left:28px;}
#WikiBox li{ list-style:disc outside; padding:0 0 5px 0;}
#WikiBox p{ padding:5px 0 0 15px; font-style:italic;}

#yahooImage .tr{ padding-right:2px; padding-left:6px;}
#yahooImage .tr img{ float:right;}
.yahooimglist{ padding:10px 10px 2px; width:276px; }
.yahooimglist .yahooBox{ width:92px; float:left; height:138px; overflow:hidden; }


.favBox li,.favBox li{ clear:both;}
.favLinkNarrow{padding-top:5px}
.favLinkNarrow a{ color:#5135F2}
.favLinkNarrow span{ padding:0 6px;}

.favLinkWide{ padding:5px 0 5px 15px;font-size:12px;  }
.favLinkWide span{ width:46%;   padding-right:10px;  height:16px; overflow:hidden; float:left;position:relative; z-index:101 }
.favLinkWide span a{ color:#2200CC; font-size:12px;}


.favRatingNarrow{ color:#4C4B4B; font-size:12px;padding-top:5px;position:relative; z-index:101}
.favRatingNarrow a{ color:#5135F2;}

.favRatingWide{ color:#4C4B4B; font-size:12px; padding-top:1px;position:relative; z-index:101}
.favRatingWide a{ color:#5135F2;}


.relatedtopics{ clear:both;}
.relatedtopics h2{ font-size:14px; color:#000; padding:0 0 5px 0;}
.relatedtopics ul{ color:#171C61; margin:0; padding:0;}
.relatedtopics ul li{ padding:0 0 7px 7px; list-style-type:square; list-style-position:inside;}

.commentswrapper{ clear:both; padding:20px 0 0 0;}
.commentswrapper .topcow{ height:30px; padding:10px 8px 0 0; margin-bottom:15px; border-bottom:#161c69 1px solid;}
.commentswrapper h2{ color:#000; font-size:18px; font-family:georgia;}
.commentswrapper span.newthread{ width:129px; height:20px; overflow:hidden; text-indent:-9999px; display:block; float:right; background:#fff url(../images/comments_img.png) 0px 0px no-repeat;}
.addcomment{  clear:both; background:#f9f9f9; border-radius:8px 8px 0 0; float:left; width:100%; margin-bottom:10px;}
.addcomment .addpanel{ float:right; padding:15px 0 0 0;}
.addcomment .addpanel span{ display:block; width:50px; height:24px; line-height:24px; padding:0 0 0 30px; float:left; color:#656565; background:#f9f9f9 url(../images/comments_img.png) 0px -29px no-repeat;}
.addcomment .addpanel span.addtext{ padding-left:33px;}
.addcomment .addpanel span.addimage{ background-position:-119px -29px;}
.addcomment .addpanel span.addvideo{ background-position:-237px -29px;}
.commentform{ clear:both; padding:10px 10px 0; }
.commentform ul li{ padding-bottom:10px; clear:both; width:630px;  padding-left:10px;}
.commentform ul li input.txt{ width:210px; padding:2px 5px; height:18px; line-height:18px; font-size:11px; color:#c3c3c3; border:#d6d6d6 1px solid; background:#fff url(../images/comments_img.png) 0px -73px repeat-x}
.commentform ul li input.focus,.commentform ul li textarea.focus{ color:#000;}
.commentform ul li input.longtxt{ width:445px;}
.commentform ul li textarea{ width:597px; padding:8px 5px; height:115px; font-size:11px; color:#c3c3c3; border:#d6d6d6 1px solid; background:#fff ;}
.commentform ul li input.shorttxt{ width:60px; vertical-align:top; margin-right:8px;}
.commentform ul li a.changecode{ text-decoration:underline;}
.commentform ul li a.changecode:hover{ text-decoration:none;}
.commentform ul li input.sub{ width:62px; height:24px; padding-bottom:5px; line-height:21px; margin-right:5px;  border:0; overflow:hidden; color:#fff; cursor:pointer;  background:#fff url(../images/comments_img.png) -137px 0px no-repeat;}
.commentform .tip{ color:red; display:block;}


.addcomment .botcow{ clear:both; height:17px;  background:#fff url(../images/commentL.gif) -6px -126px no-repeat;}
.addcomment .botcow .rc{ float:right; width:244px; height:17px; background:#fff url(../images/commentL.gif) -878px -126px no-repeat;}
.commentlistwp{ clear:both;}
.commentlistwp .commentslist{ margin:0 0 10px 0; clear:both; width:100%; float:left; }
.commentlistwp .replycomment{ margin-left:50px; width:600px}
.commentlistwp .replycomment .commentform ul li textarea{ width:445px;}
.replycomment .commentdetail{ width:605px;}

.onlyComment .commentlistwp .replycomment{ margin-left:50px; width:920px}
.onlyComment .replycomment .commentdetail{ width:920px;}
.onlyComment .commentlistwp .replycomment .commentform ul li textarea{ width:720px;}

.commentdetail{ clear:both;  float:left; width:100%;}
.commentdetail .tl{ height:10px; font-size:0; background:url(../images/commentL.gif) 0px -8px no-repeat; padding:0 0 0 10px;}
.commentdetail .tr{height:10px;font-size:0; width:20px; float:right; background:url(../images/comments_img.png) -779px -309px no-repeat;}
.commentdetail .mc{background:url(../images/comments_img.png) right 0px repeat-y; padding:0 10px 0 0; clear:both;}
.commentdetail .mr{ background:url(../images/comments_img.png) -799px 0px repeat-y; }
.commentdetail .bl{ height:16px; font-size:0; background:url(../images//commentL.gif) 0px -81px no-repeat; clear:both;  width:100%; position:relative;}
.commentdetail .br{height:16px; font-size:0; width:20px; float:right; background:url(../images/comments_img.png) -779px -382px no-repeat;}
.commentdetail .desc{position:relative;  font-size:14px; color:#424141; line-height:150%; padding:0 40px 0 50px;}
.commentdetail .desc .fdiv{ float:left;display:block;margin:0 15px 15px 0;z-index:0}
.commentdetail  .firstword{ position:absolute; top:0; left:20px !important; left:-30px; width:25px; height:25px; background:url(../images/comments_img.png) -18px -334px no-repeat; }
.commentdetail .lastword{ position:absolute; bottom:25px; right:14px; width:25px; height:25px; background:#ccc url(../images/comments_img.png) -730px -334px no-repeat;}
.commentdetail .desc .pcomment{padding:10px 0px 10px 0px;}
.commentlistwp .author{ font-size:12px; color:#999; padding:0 0 10px 20px; clear:both;}
.commentlistwp .author strong{ color:#000; margin:0 5px 0 0;}
.commentlistwp .author span.reply{ color:#171c61; float:right; padding:0 20px 0 0; background:url(../images/comments_img.png) -345px -35px no-repeat}
.commentdetail .quote{ border:1px solid #e4dcb7; background:#fcfcf4; padding:8px; margin-top:6px; font-size:12px; clear:both;}

.commentlistwp .page{ padding-left:260px; padding-top:12px; background:#f7f7f7;}
.commentlistwp .seeMore{ text-align:center;background:#f7f7f7; clear:both; width:100%; height:30px; line-height:30px; float:left;}
.commentlistwp .highslide{  cursor: url(../images/zoomin.cur), pointer;outline: none;text-decoration: none;}

.content .plugIn{ border-top:1px solid #e8e8e8; padding-top:15px; color:#9a9a9a;}
.content .plugIn p{ float:left;}
.content .plugIn a{ text-decoration:underline;}
#bgDiv{background-color:#000; position:absolute; z-index:99; left:0; top:0; display:none; width:100%; height:1000px;opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}