*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

body{background-color:black;background:url(stone.jpg);margin:0;/*-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;*/}
body.loading {overflow: hidden;}
body.loading .modal {display: block;}
.modal {display:none;position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%;background: rgba( 0, 0, 0, .8 )url('LoadingPage.gif') 50% 50% no-repeat;}
.border-round{border-radius:5px}
.block-center{display:block;margin:0px auto}
img {border:none}

.banner {display:block;width:100%;font-weight:bold;padding-top:20px}
.banner .links{display:block;width:100%;}
.banner .links-menu{display:block;width:100%;float:left;height:80px;background-color:white;border:2px solid #44230F}
.banner .mainMenu {width:900px;float:right;}
.banner .logo,.banner .banner-menu{width:50%;float:left;text-align:right}
.banner .logo img{width:auto;height:100px;float:left}
.banner .banner-menu .search{float:right;text-align:right;width:100%;margin:5px 0px}
.banner .tabs{width:100%;display:block;float:left}
.banner a,.banner a:visited{color:black;text-decoration:none}

.home-page a{color:#FF9B00;text-decoration:none}
.home-page a:hover{font-weight:bold}
.home-page .login-form a{color:#DDD;text-decoration:underline}
.home-page .login-form a:hover{font-weight:bold}
.home-page .wrapper{display:block;width:100%;height:100%;}
.home-page .main{background:url(bg-en.jpg) no-repeat;display:block;width:100%;max-width:1120px;height:100%;height:620px;margin:auto auto;position:relative;border:10px solid black;border-radius:25px}
.home-page .nav-left{display:block;color:#FF9B00;padding: 15px 25px;width:50%;overflow:hidden}
.home-page .nav-left .nav{margin:5px 0px}
.home-page .nav-right {display:block;float:right;text-align:right;color:white;right:25px;top:15px;max-width:60%;overflow:hidden;position:absolute;top:0}
.home-page .nav-right .title{float:right;display:block;width:auto}
.home-page .nav-right .desc{float:right;display:block;width:auto;background:rgba(100,100,155,0.35);border-radius:10px}
.home-page .nav-right .language{padding:10px 15px;}
.home-page .login-form {display:block;position:absolute;top:140px;left:5px;max-width:380px;color:white}
.home-page .login-form table{width:100%}
.home-page .login-form td {color:white;padding-right:10px}
.home-page .login-form td:first-child{text-align:right;width:170px;}
.home-page .login-form tr {height:20px;}
.home-page .inputs{background-color:rgba(255,255, 255, 0.40);border:0;border-radius:2px;padding-left:5px;height:25px}
.home-page .input-text, .home-page form input[type="text"]{background-color:rgba(0,0,0,0);border:0;padding-left:5px;width:200px;height:25px}
.home-page .footer{display:block;bottom:0;position:absolute;color:black;width:100%;padding:2px 15px}
.home-page .footer td{color:white;}
.home-page .footer .right{text-align:right;float:right;font-size:small;width:62%;display:block;}
.home-page .footer .center{text-align:center;float:none;font-size:small;width:62%;display:block;margin-left: auto;margin-right: auto;}
.home-page .footer .left{width:37%;display:block;float:left;color:#FFFFFF;font-weight:bold;font-size:small;}
.home-page form input[type="button"],.home-page form input[type="submit"]{padding:3px 20px;border-radius:5px}
.home-page .passwordMessage{display:none;font-size:x-small;color:white}

.single-column a{color:white;text-decoration:none}
.single-column {max-width:700px;display:block;position:relative;margin:0px auto;border-right:8px solid black;border-left:8px solid black;background-image: url('book.png');background-repeat: no-repeat;background-attachment: absolute;background-position: bottom;}
.single-column .wrapper{background-color:rgba(198,155,110,0.6);width:100%;padding:0px 20px}
.single-column form input[type="password"],.single-column form input[type="text"],.single-column form textarea{background-color:rgba(0,0,0,0);border:0;padding-left:5px;width:100%}
.single-column .inputs{display:inline-block;background-color:rgba(255,255, 255, 0.60);border:0;border-radius:10px;padding-left:5px;width:90%}
.single-column .header{text-align:center;}
.single-column .logo{margin:0px 50px;padding:30px;border-bottom:3px solid black;}
.single-column .mytable{display:block;margin:0px auto;width:auto}
.single-column .mytable tr{height:30px}
.single-column .mytable tr td:first-child{text-align:right;width:150px}
.single-column .footer{text-align:center;margin:50px 20px 0px 50px;padding:20px;border-top:4px solid black}
.single-column form input[type="button"],.single-column form input[type="submit"]{padding:3px 20px;border-radius:5px}

.training {width:1230px;display:block;margin:0px auto;}
.training .banner{margin-bottom:30px}
.training .content {float:left;min-height:400px;padding:0px 10px;width:100%;margin-top:20px}
.training .toc {float:left;border:1px solid grey}
.training .toc th{background-color:#FCDFBF}
.training .toc tr:nth-child(even){background-color:#AFA}
.training .toc tr:nth-child(odd){background-color:#FFF}
.training .toc tr td:first-child{background-color:#FFF}
.training .footer {width:100%;float:left;text-align:right;margin:40px 0px}
.training .footer .right{text-align:center;width:80%;float:left}
.training .footer .left{text-align:center;width:20%;float:left}
.training .footer a{color:black;text-decoration:none}
.training #category{ border:2px solid #44230F; background-color:white; padding:0px 10px; display:inline-block; float:right; width:35%; }
.training #viewer{ width:64%; padding:0px 10px; background-color:white; border:2px solid #44230F; display:inline-block;}

.two-columns .footer a{color:black;text-decoration:none}
.two-columns a:hover{color:red;text-decoration:underline}
.two-columns {width:1230px;display:block;position:relative;margin:0px auto;}
.two-columns .content{margin-top:20px;padding-left:30px;width:950px;float:right;min-height:800px;background-color:white;border:2px solid #44230F}
.two-columns .content table.topics-table{width:100%}
.two-columns .content table.tabs th{margin:0;padding:0;border:1px solid black;min-width:110px;height:30px;font-weight:bold;font-size:14px;padding:5px 15px}
.two-columns .pagenav {width:100%;text-align:right;float:right}
.two-columns .footer {width:100%;float:left;text-align:right;margin:40px 0px}
.two-columns .footer .right{text-align:center;width:80%;float:left}
.two-columns .footer .left{text-align:center;width:20%;float:left}
.two-columns .main-left {min-height:300px;width:250px;display:block;float:left;margin-top:20px;background-color:white;border:2px solid #44230F}
.two-columns .topicColumn{width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;}
.two-columns .topicColumnTitle{width:400px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;}
.two-columns .pagenav a,.content a,.main-left a {text-decoration:none}
.two-columns .topics-table td{border-bottom:2px solid grey}
.two-columns .title-table th{background-color:#FCDFBF;height:25px;font-size:9pt;text-align:center}
.two-columns .viewPostBox img{cursor:pointer;}
.two-columns .viewPost{width:100%;float:left;display:inline-block;padding-left:15px; }
.two-columns .viewReply{width:100%;float:left;display:inline-block;border:2px solid #E1F6CC }
.two-columns .viewPostBox{width: 100%; overflow: hidden; font-family: verdana; font-size: 12pt; color: #000000;padding: 10px 10px 10px 10px;}
.two-columns hr{width:100%;  size:1px; color:#DCFADD;}
.two-columns .advSearch table{width:100%;}
.two-columns .advSearch table tr td{height:30px;padding-left:10px;}
.two-columns .maximum{font-size:80%;}
.two-columns .viewPost table{width:98%}
.two-columns .viewPost blockquote {font: 14px/22px normal helvetica, sans-serif; margin-top: 10px; margin-bottom: 10px; margin-left: 50px; padding-left: 15px; border-left: 3px solid #ccc;} 
.two-columns .viewPost p.leftmargin {margin-left:10px}

.myManage {width:1230px;display:block;margin:0px auto;}
.myManage .myLeft {margin:0;text-align:left;color:#000;font:normal 12px Arial,Verdana,Tahoma;text-align:left;line-height:150%;border:2px solid #44230F;background-color: #E2ECF3;width:22%;float:left;border-radius:5px}
.myManage .myLeft a:link,a:visited {color:#FF9B00;text-decoration:none}
.myManage .myLeft a:hover {text-decoration:underline}
.myManage .myLeft #menu {width:150px;margin:0px 15px;padding:0px;text-align:left;list-style:none}
.myManage .myLeft #menu .item {margin:5px 0px;padding:0px;list-style:none}
.myManage .myLeft a.title:link, a.title:visited, a.title:hover {display:block;background:url('image/dh.jpg') no-repeat;color:#385065;font-weight:bold;padding:2px 0 0 22px;width:145px;line-height:20px;cursor:pointer;text-decoration:none}
.myManage .myLeft #menu .item ul {border:1px solid #E2ECF3;margin:0;width:140px;padding:3px 0px 3px 30px;background:#fff;list-style:none;}
.myManage .myLeft #menu .item ul li {display:#EDF8F8;}
.myManage .myTop {background-color:white;margin:20px 0px;border:2px solid #44230F;border-radius:5px}
.myManage .content{width:77%;float:right;min-height:700px;background-color:white;border:2px solid #44230F;border-radius:5px}
.myManage .content .myForm td:first-child{text-align:right}
.myManage .footer {width:100%;float:left;text-align:right;margin:40px 0px}
.myManage .footer .right{text-align:center;width:80%;float:left}
.myManage .footer .left{text-align:center;width:20%;float:left}
.myManage .footer a{color:black;text-decoration:none}