/* By PaulZi [2010-02-02] */
@import url("reset.css");

/*******************/
/* Global elements */
body { font-family: Times, sans; font-size: 15px; color: #666; font-style: italic; line-height: 1.2; }
a { color: #ff6300; text-decoration: none; }
a:hover { text-decoration: underline; }
/*h1 { margin: 0px; font-weight: normal; font-size: 167%; }*/
h1,h2 { margin: 0px; font-size: 100%; }
h1 { font-size: 120%; }
h2 { font-size: 110%; }
h3 { font-size: 100%; }


/*******************/
/* Global classes  */
.w100 { width: 100%; }
.clr { clear: both; }
.none { height: 0px; line-height: 0px; }
.fl { float: left; margin: 0px 10px 10px 0px; }
.fr { float: right; margin: 0px 0px 10px 10px; }

.tblVert { width: 100%; text-align: center; vertical-align: middle; }
.tblVert th, .tblVert td { padding: 4px 2px; }
.tblVert th { border: solid 1px #fff; background-color: #ff6300; color: #fff; }
.tblVert td { border-bottom: solid 1px #ccc; }
.tblVert td:first-child { text-align: left; }

.tblPad td { padding: 4px 2px; text-align: left; vertical-align: top; }

.clBlue { color: #ff6300; }

.prmMenuBold { font-weight: bold; }


/*******************/
/*     Layouts     */
.layRoot { width: 100%; min-width: 1040px; }

.layHeader { position: relative; }
.layHeader .bgLine { position: absolute; left: 0px; top: 0px; width: 50%; height: 87px; border-bottom: solid 1px #86837e; }
.layHeader .body { width: 999px; margin: 0px auto; position: relative; }
.layHeader .menu { float: right; font-size: 95%; padding-right: 20px; }
.layHeader .menu2 { text-align: right; font-size: 113%; margin-top: -25px; padding-right: 65px; }
.layHeader .menu span, .layHeader .menu2 span { display:-moz-inline-stack; display: inline-block; padding: 57px 2px 0px 18px; vertical-align: bottom; background: transparent url(/public/images/hdrMenuBg.gif) no-repeat scroll left bottom; }
.layHeader .menu span { height: 40px; }
.layHeader .menu2 span { padding: 0px 8px 3px 12px; }
.layHeader .menu a { color: #666; }
.layHeader .menu .act a, .layHeader .menu2 .act a { text-decoration: underline; }
.layHeader .menu .fst, .layHeader .menu2 .fst { background-image: none; }
.layHeader .logo { font-size: 247%; font-weight: bold; width: 477px; padding: 41px 0px 2px 70px; border-bottom: solid 1px #86837e; }
.layHeader .logo a { color: #4c443a; }
.layHeader .logo a:hover { text-decoration: none; }
.layHeader .desc { width: 437px; padding: 0px 20px 0px 90px; overflow: hidden; }
.layHeader .desc p { font-size: 147%; padding-top: 2px; }
.layHeader .desc span { font-size: 167%; float: right; }
.layHeader .desc small { font-size: 60%; }

.layIndexHead { position: relative; width: 100%; overflow: hidden; height: 320px; background-color: #3c3731; /*background-color: #3d3731;*/ }
.layIndexHead .bgRight { position: absolute; width: 50%; height: 100%; left: 0%; padding-left: 300px; background: #75706b url(/public/images/idx-bg.jpg) no-repeat scroll right top; }
.layIndexHead .bgRight .swfTop { margin-left: -300px; }
.layIndexHead .body { position: relative; width: 999px; height: 100%; margin: 0px auto; /*background: transparent url(/public/images/inhPhoto.jpg) no-repeat scroll left top;*/ }
.layIndexHead .body .blog { position: absolute; left: 700px; width: 350px; height: 100%; overflow: visible; font-size: 95%; color: #ff6300; /*background: transparent url(/public/images/inhBlogBg.gif) no-repeat scroll left top;*/ }
.layIndexHead .body .blog .mdlBlog { padding: 16px 0px; }
.layIndexHead .body .blog .mdlBlog .link { font-size: 70%; text-align: right; }
.layIndexHead .body .blog .mdlBlog span { color: #fff; }
.layIndexHead .body .blog .mdlBlog a { color: #fff; }

.layInnerHead { position: relative; width: 100%; overflow: hidden; }
.layInnerHead .body { position: relative; width: 999px; margin: 0px auto; }
.layInnerHead .body .blog { position: absolute; left: 650px; width: 350px; overflow: visible; font-size: 95%; color: #ff6300; }
.layInnerHead .body .blog .mdlBlog { padding: 16px 0px; }
.layInnerHead .body .blog .mdlBlog .link { font-size: 70%; text-align: right; }
.layInnerHead .body .blog .mdlBlog span { color: #333; }
.layInnerHead .body .blog .mdlBlog a { color: #333; }
.layInnerHead .menu { padding: 0px 0px 0px 60px; }
.layInnerHead .menu .col { min-height: 130px; margin-left: -25px; padding: 0px 0px 10px 20px; vertical-align: top; display:-moz-inline-stack; display: inline-block; background: transparent url(/public/images/hdrMenuBg.gif) no-repeat scroll left bottom; }
.layInnerHead .menu .fst { background-image: none; padding-left: 0px; margin-left: 0px; }
.layInnerHead .menu .col p { margin: 0px; }
.layInnerHead .menu .col a { color: #666; }
.layInnerHead .menu .col .act a { text-decoration: underline; }
.layInnerHead .menu .col .title { color: #ff6300; font-size: 120%; font-weight: bold; margin-top: 15px; }

.layPath { background-color: #ff6300; }
.layPath .body { width: 879px; padding: 5px 60px 6px 60px; margin: 0px auto; }
.prmIndex .layPath .body { padding: 0px 60px 0px 60px; }
.layPath .body .lang { float: right; display: none; }
.layPath .body .lang a { color: #fff; }
.layPath .body .lang .act { color: #666; text-decoration: underline; }
.layPath .body p { font-size: 167%; margin: 0px; color: #fff; }
.layPath .body a { color: #fff; }
.prmIndex .layPath .body p { font-size: 120%; }
.layPath .body span { font-weight: bold; color: #fff; }

.prmInner .layMain { font-style: normal; font-size: 115%; }

.layFooter { position: relative; height: 125px; width: 100%; overflow: hidden; font-size: 85%; }
.prmIndex .layFooter { border-top: solid 1px #dbdad9; height: 205px; }
.prmInner .layFooter { height: 165px; }
.layFooter .body { position: absolute; width: 50%; height: 125px; left: 50%; }
.prmIndex .layFooter .body { padding-top: 80px; background: #e1e0df url(/public/images/ftrBg.gif) no-repeat scroll left top; }
.prmInner .layFooter .body { margin-top: 60px; background: transparent url(/public/images/hdrMenuBg.gif) no-repeat scroll left bottom; }
.layFooter .body a { color: #666; text-decoration: underline; }
.layFooter .body a:hover { text-decoration: none; }


/*******************/
/*     Modules     */
.mdlAlignAngle .al { float: left; clear: left; line-height: 0px; }
.mdlAlignAngle .ar { float: right; clear: right; line-height: 0px; }

.mdlMenu { width: 999px; margin: 0px auto; }
.mdlMenu .item { padding-top: 6px; }
.mdlMenu .item .title { float: left; text-align: right; font-size: 191%; font-weight: bold; color: #ff6300; }
.mdlMenu .item p { margin: 0px; padding-left: 5px; }
.mdlMenu .item a { color: #666; }
.mdlMenu .item .last { border-bottom: solid 1px #dbdad9; padding-bottom: 10px; }

.mdlContent { width: 899px; margin: 0px auto; padding: 10px 40px 10px 60px; }
.mdlContent a { color: #00f; }
.mdlContent a:visited { color: #66f; }

.mdlSubcat { width: 799px; margin: 0px auto; font-size: 133%; font-weight: bold; padding-left: 200px; }
.mdlSubcat span { display:-moz-inline-stack; display: inline-block; padding: 4px 8px 4px 12px; background: transparent url(/public/images/hdrMenuBg.gif) no-repeat scroll left bottom; }
.mdlSubcat .act a { text-decoration: underline; }
.mdlSubcat .fst { background-image: none; }

.mdlPrgh { overflow: hidden; }

.mdlLinks { width: 749px; margin: 0px auto; padding-left: 250px; }
.mdlLinks span { display:-moz-inline-stack; display: inline-block; padding: 0px 8px 14px 16px; background: transparent url(/public/images/hdrMenuBg.gif) no-repeat scroll left bottom; }
.mdlLinks .fst { background-image: none; }

.mdlPages { float: right; }
.mdlPages span { margin-left: -10px; padding: 0px 8px 14px 12px; }
.mdlPages a { color: #666; }
.mdlPages .act a { color: #ff6300; text-decoration: underline; }

.mdlTQ { text-align: center; background: #78cbc8 url(/public/images/mainTQBg.gif) repeat-x scroll left top; }
.mdlTQ .col { text-align: left; display:-moz-inline-stack; display: inline-block; vertical-align: top; }
.mdlTQ  .test { width: 350px; }
.mdlTQ .quest { width: 350px; padding-left: 34px; background: transparent url(/public/images/hdrMenuBg.png) no-repeat scroll left bottom; }
.mdlTQ .quest span { color: #fff; }
.mdlTQ .next { text-align: right; margin-bottom: 5px; }
.mdlTQ .next a { color: #fff; }
.mdlTQ h3 { margin: 0px; color: #fff; padding: 7px 0px 10px 0px; font-size: 100%; }
.mdlTQ p { margin: 0px; }
.mdlTQ a { color: #666; }
.mdlTQ a:hover { color: #fff; }

.mdlQuestForm { display: none; width: 400px; margin: 0px auto; }
.mdlQuestForm td { text-align: right; padding: 1px 2px; }
.mdlQuestForm .fst { text-align: left; }
.mdlQuestForm input { width: 280px; }
.mdlQuestForm textarea { width: 395px; height: 150px; }
.mdlQuestForm .code input { width: 190px; }
.mdlQuestForm .code img { vertical-align: top; }

.layMain .mdlBlog { width: 899px; margin: 0px auto; padding: 10px 40px 10px 60px; }
.mdlBlog .date { color: #ff6300; }

.mdlQuestList { width: 899px; margin: 0px auto; padding: 10px 40px 10px 60px; }
.mdlQuestList .thread { padding-left: 30px; }
.mdlQuestList .item { padding: 5px; }
.mdlQuestList .item:hover { background-color: #effffe; }
.mdlQuestList .item .ans { margin-top: -0.5em; padding-left: 300px; }
.mdlQuestList .item .doctor { color: #358f89; font-style: italic; }

.mdlSpoil { display: none; }

.mdlShareBlock { width: 900px; margin: 0px auto; padding: 5px 0px; clear:both; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }
.mdlShareBlock .text-button { display: inline-block; margin-right: 20px; font-size: 70%; line-height: 1; font-weight: bold; }
.mdlShareBlock>* { vertical-align: top; }

.mdlCarousel { position: relative; overflow: hidden; width: 100%; margin: 10px 0px; }
.mdlCarousel .arw { position: absolute; top: 50%; width: 13px; height: 13px; overflow:hidden; margin: -7px auto 0px auto; cursor: pointer; background: transparent url(/public/images/crslArw.gif) no-repeat scroll 0px 0px;  }
.mdlCarousel .arwL { left: 0px; }
.mdlCarousel .arwR { background-position: -13px 0px; right: 0px; }
.mdlCarousel .belt { overflow: hidden; position: relative; white-space: nowrap; width: 100%; text-align: center; }
.mdlCarousel .belt .item { display:-moz-inline-stack; display: inline-block; margin-right: 4px; vertical-align: middle; }
.mdlCarousel .belt .item img { padding: 1px; border: solid 1px #e0e0e0; }

.mdlForm { width: 600px; margin: 10px auto; }
.mdlForm .err { color: #d66; }
.mdlForm label {  }
.mdlForm label b { font-weight: normal; color: #ff6300; }
.mdlForm input.tf,.mdlForm textarea { width: 500px; border: solid 1px #999; }
.mdlForm textarea { height: 100px; }
.mdlForm .req-empty { border: solid 1px #d66; }
.mdlForm .code-line input, .mdlForm .code-line img { vertical-align: middle; }

.ui-dialog { padding: 20px; background-color: #fff; }
.ui-dialog .doctor { color: #ff6300; }
.ui-dialog h1 { text-align: center; }
.ui-dialog .img { text-align: center; }
.ui-dialog .ui-dialog-title { display: none; }
.ui-dialog .ui-icon-closethick { position: absolute; width: 15px; height: 15px; top: 8px; right: 8px; background: transparent url(/public/images/dlgClose.gif) no-repeat scroll left top; text-indent: -9999px; cursor: pointer; }
.ui-widget-overlay { opacity: 0.5; background-color: #000; position: absolute; left: 0px; top: 0px; }


/* darkbox */
.darkbox-frame { position:fixed; top:0; left:0; display:none; overflow:hidden; width:100%; height:100%; z-index:999; }
.darkbox-frame-on { display:block; }
.darkbox-shadow { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0; }
.darkbox-canvas { position:absolute; top:50%; left:50%; overflow:hidden; margin:-40px 0 0 -40px; width:80px; height:80px; background:#000 url(/public/images/graphics/spinner.gif) 50% 50% no-repeat; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; opacity:.5; }
.darkbox-canvas IMG { display:block; visibility:hidden; }
.darkbox-canvas-load { background-image:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
.darkbox-canvas-done { overflow:visible; opacity:1; }
.darkbox-canvas-done IMG { visibility:visible; opacity:0; }
.darkbox-button { position:absolute; top:-13px; display:none; width:30px; height:30px; background:url(/public/images/graphics/button.png) no-repeat; cursor:pointer; z-index:1; }
.darkbox-button-on { display:block; }
.darkbox-button-left { left:-16px; }
.darkbox-button-right { right:-16px; }