@charset "utf-8";
@import "reset.css";

body { 
  background: #EFEFEF; 
  font-family: Tahoma; 
  font-size: 13px; 
  color: #888888; 
  
  /**/
  

}
h1, h2, h3 { margin: 0; text-transform: uppercase; font-weight: normal; color: #618C04; }
h1 { font-size: 44px; } 
h2 { font-size: 18px; }

ul { list-style: none; }
a { color: #555555; cursor:pointer; text-decoration: none; }
a:hover { text-decoration: none; }

li a:hover{ color: #ff6600; }

a img { border: none; }
input, select, textarea { border-radius: 2px; padding: 8px; background-color:#FFFFFF; border:1px solid #CFCFCF; }
input, select { height: 17px; }
textarea { min-height: 75px; }
button, input[type="submit"] { padding: 0 10px; cursor: pointer; border: none; height: 35px; background-color: #0099CC; color: #FFFFFF;  }

img.left { float: left; margin: 7px 30px 0 0; }
img.right { float: right; margin: 7px 0 0 30px; }
hr { display: none; }
fieldset{ margin:0 0 5px 0; border :1px dashed #c0c0c0; }
legend{ padding:0 10px; color:#559400; }

table { width: 100%; }
table tbody tr td,
table thead tr th { padding: 15px 10px; }
table thead tr th { background: #F5F6F7; border-bottom: 2px solid #EAEAEA; border-top: 2px solid #EAEAEA; font-size: 14px; }
table tbody tr:nth-child(even) { background-color: #F5F6F7; }
table tbody tr td { border-bottom:1px solid #F5F6F7; } 
table tbody tr td a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.img-banner-b{ margin:20px 0 10px 35px; border:1px solid #c0c0c0; display: none; }

.red { color:#990000; }
.blue { color:#003366; }

#wrapper {
	margin:0 auto; width: 960px; background-color: #FFFFFF; box-shadow: 0 0 20px #D1D1D1;
}

.clear { clear: both; }
.float-left{ float: left; }
.float-right{ float: right; }


.carnival { border-bottom: 2px solid rgba(0,0,0,0.25); }
.carnival .center { margin: 0 auto; width: 960px; background-color: #FFFFFF; }
.carnival img { display: block; width: 960px; height: 60px; }



/* ====================================================================== START MAINPAGE */

/* LOGIN */
#login { background: #F1F1F1; padding: 10px; }
#login .pre-login { text-align: center; }
#login .pre-login span { display: inline-block; margin-right: 15px; }
#login .pre-login input[type="text"],
#login .pre-login input[type="password"] { width: 110px; margin-left: 8px; background-color: #FFFFFF; background-repeat: no-repeat; background-position: left center; } 

#login .post-login p {  }
#login .post-login ul{ margin:10px 0 0 0; }
#login .post-login ul li{ display: inline-block; margin-right: 10px; }
#login .post-login ul li a { color: #990000; }

/* HEADER */
.header { position: relative; height: 135px; }
.header .logo { display: block; width: 200px; height: 95px; position: absolute; left: 20px; top: 20px; }
.header .logo { height: 100%; width: 100%; }
.header .certificate { float: right; padding: 15px; }
.header .certificate img { display: inline-block; height: 60px; }

/* HEADING */
.heading { background: #F5F6F7; padding-left: 20px; margin-bottom: 15px; position: relative; left: -20px; width: 960px; }
.heading img { width: 100%; height: auto; position: relative; }
.heading:after { content: ' '; width: 40px; height: 90px; background: url(../images/2015/heading/shadow.png) no-repeat; position: absolute; top: 0; right: -20px; }

/* NEW MENU */
.menu_nav { position: relative; z-index: 1; box-shadow: 0 3px 3px #C1C1C1; border-top: 1px solid #EAEAEA; }
.menu_nav ul { background-color: #F1F1F1; }
.menu_nav ul li { float: left; width: 118px; border-left: 1px solid #FFFFFF; border-right: 1px solid #E1E1E1; background-position: center 5px; }
.menu_nav ul li a {  display: block; line-height: 60px; height: 60px; text-align: center; font-size: 0px; }
.menu_nav ul li:first-child{ border-left: none; }
.menu_nav ul li:nth-of-type(08){ border-right: none; width: 120px; }
.menu_nav ul li.active { background-color: #EAEAEA; }

.menu_nav ul li:nth-child(1){ background-image:url(../images/2015/mainmenu/home.png); }
.menu_nav ul li:nth-child(2){ background-image:url(../images/2015/mainmenu/article.png); }
.menu_nav ul li:nth-child(3){ background-image:url(../images/2015/mainmenu/news.png); }
.menu_nav ul li:nth-child(4){ background-image:url(../images/2015/mainmenu/training.png); }
.menu_nav ul li:nth-child(5){ background-image:url(../images/2015/mainmenu/download.png); }
.menu_nav ul li:nth-child(6){ background-image:url(../images/2015/mainmenu/photo.png); }
.menu_nav ul li:nth-child(7){ background-image:url(../images/2015/mainmenu/forum.png); }
.menu_nav ul li:nth-child(8){ background-image:url(../images/2015/mainmenu/about.png); }

/* SLIDER */
#gallery { position: relative; width:960px; overflow: hidden; }
#gallery #slides { width: 960px; height: 400px; overflow: hidden; }
#gallery #slides .slide { float:left; }
#gallery #slider-menu li.inact:hover{ background:url(img/pic_bg.png) repeat; }
#gallery #slider-menu .fbar { width:2px; background:url(img/divider.png) no-repeat right; }
#gallery #slider-menu{ padding: 15px; background: #F5F6F7; border-top: 1px solid #E1E1E1; }
#gallery #slider-menu ul { width: 320px; margin: 0 auto; } /* default -> width: 160px;*/
#gallery #slider-menu ul li{ display: inline-block; margin-right: 5px; }
#gallery #slider-menu ul li a { display: block; width: 10px; height: 10px; background: #EAEAEA; border: 2px solid #FFFFFF; border-radius: 50%; box-shadow: 0 0 5px #A1A1A1; }
#gallery #slider-menu ul li.act a { cursor:default; background: #0099CC; }

/* CONTACT INFORMATION */
.quick-contact { display: block; }

/* LEFT INFORMATION */
#main-content {  }
#mainpage-information{ float: left; width: 680px; padding: 20px; }

/* RIGHT MENU */
#mainpage-right-information { float: right; width: 200px; padding: 20px; }
#mainpage-right-information a { display: block; width: 200px; height: 60px; margin-bottom: 15px; }
#mainpage-right-information a img { width: 100%; height: 100%; }
#mainpage-right-information a:nth-of-type(3) { margin-bottom: 0; }

.presentation { padding: 20px; padding-bottom: 0; }
.presentation .youtube { float: left; width: 410px; margin-right: 20px; }
.presentation .certificate { float: right; width: 480px; }

/* NEWS */
#mainpage-news { padding: 0 20px; }
#mainpage-news ul {  }
#mainpage-news ul > li { border-bottom: 1px dotted #E8E8E8; }
#mainpage-news ul > li a { display: block; line-height: 25px; height: 25px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 5px 0 5px 25px; background: url(../images/main/news_li.png) no-repeat left 9px; }
#mainpage-news .read-all { padding-bottom: 0; }

/* GALLERY HOME */
#mainpage-gallery { padding: 20px; }
#mainpage-gallery ul { padding-top: 20px; }
#mainpage-gallery ul li { float: left; width: 306px; margin-bottom: 30px; }
#mainpage-gallery ul li > a { display: block; width: 220px; height: 140px; margin: 0 auto; }
#mainpage-gallery ul li img.img-temp { width: 100%; height: 100%; display: block; }
#mainpage-gallery ul li > div.title-gallery { padding: 8px 15px; }
#mainpage-gallery ul li > div.title-gallery p { text-align: center; line-height: 25px; max-height: 50px; overflow: hidden; font-weight: bold; }
#mainpage-gallery ul li > div.info p { text-align: center; }
#mainpage-gallery .read-all { padding: 0 20px; }

/* DOWNLOAD */
#mainpage-download { width: 580px; padding: 20px; float: left; }
#mainpage-download img { margin:10px 0 0 60px; }

/* PAYMENT */
#mainpage-payment { padding: 20px; padding-bottom: 0; }
#mainpage-payment  img.scb { float: left; width: 250px; }
#mainpage-payment  ul { margin:0 0 0 20px; float: left; width: 650px; } 
#mainpage-payment  ul li { line-height:2em; margin:5px 0 0 0; } 

.facebook-like { padding: 0 20px; }

#mainpage-traintable { padding: 20px; }
#mainpage-traintable table .date-tb-mainpage { width:110px; text-align:center; }
#mainpage-traintable table .train-title { width: 610px; }
#mainpage-traintable table .train-title a { width: 590px; }
#mainpage-traintable table .place { width: 180px; text-align:left; }
#mainpage-traintable table .place a { width: 160px; }
#mainpage-traintable .read-all { padding-bottom: 0; }

/* WEBBOARD */
#mainpage-webboard { padding: 0 20px; }
#mainpage-webboard table tr td.board-title a { width: 400px; }
#mainpage-webboard .board-title { width: 530px; }
#mainpage-webboard .board-view { width: 150px; text-align: center; }
#mainpage-webboard .board-actor { width: 130px; text-align: center; }
#mainpage-webboard .board-date { width: 110px; text-align: center; }

.read-all{ text-align: right; padding: 20px; }

#mainpage-link { width:930px; margin:20px 0 0 20px; }
#mainpage-link > ul > li{ width:120px; height:50px; border:1px solid #c0c0c0; float:left; margin:10px 0 0 10px; }
#mainpage-link > ul > li > img { width:120px; height:50px; }


/* ====================================================================== EDN OF MAINPAGE */


.webmaster-blog{ margin:0 0 10px 0 ; }


/* ARTICLE */
#article, #article-general { padding: 20px; }
#article table td.article-title { width: 500px; }
#article table td.article-title a { width: 480px; }
#article table td.article-title{ padding-left: 35px; background:url(../images/pen_red.png) no-repeat 10px center; }

#article-general table td.article-title { width: 500px; }
#article-general table td.article-title a { width: 480px; }
#article-general table td.article-title { padding-left: 35px; background:url(../images/book.png) no-repeat left center; }

/* NEWS */
#news { padding: 20px; }
#news table { }
/*#news table tr.row-gray{ background-color:#f1f1f1; }
#news table tr:hover{ background-color:#eaeaea; }*/
/*#news table td{ font-size:11px; padding:7px; border-bottom:1px solid #c0c0c0;  } */
#news table td.news-title { padding-left: 35px; background:url(../images/book.png) no-repeat left center; }
#news table td.news-title { width: 500px; }
#news table td.news-title a { width: 480px; }
/*#news table th{ border:1px solid #c0c0c0; text-shadow: black 0px 2px 3px; font-weight:normal; color:#FFF; font-size:13px; border:1px solid #c0c0c0; padding:10px 20px; 
	background: -moz-linear-gradient(100% 100% 90deg, #006cc7, #299dff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006cc7), to(#299dff));
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#299dff', endColorstr='#006cc7');
}*/
/*.news-view{ width:105px; text-align:center;}
.news-actor{ width:120px; text-align:center; }
.news-date{ width:80px; text-align:center; }*/
.img-news{ border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; width: 95%; display: block; margin: 10px auto 0 auto; }

#training { padding: 20px; }
.train-title { width: 480px; }
.train-title a { width: 460px; }
/*#training{ width:950px; margin:10px 0 0 10px; } .inhouse{ margin:20px 0 0 0; }
.training-info{ font-size:11px; margin:5px 0 0 0; border:1px solid #c0c0c0; padding:10px; background-color:#f9f9f9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.training-info ul{ margin:10px 0 0 0; }
.training-info ul li{ float:left; margin:0 20px 8px 0; }
.training-info > .filter{ border-top:3px solid #eaeaea;  margin:10px 0 0 0; padding:10px 0 0 0; }
#training table{ width:920px; margin:10px 0 0 0;  }
#training table tr.row-gray{ background-color:#f1f1f1; }
#training table td{ font-size:11px; padding:7px; border-bottom:1px solid #c0c0c0; } 
#training table th{ border:1px solid #c0c0c0; text-shadow: black 0px 2px 3px; font-weight:normal; color:#FFF; font-size:13px; border:1px solid #c0c0c0; padding:10px 0px; 
	background: -moz-linear-gradient(100% 100% 90deg, #006cc7, #299dff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006cc7), to(#299dff));
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#299dff', endColorstr='#006cc7');
}*/
.date{ width:100px; padding:5px; text-align:center; }
.date-training{ width:100px; padding:5px; text-align:center; }

.place{ width:180px; text-align:center; }
.manage{ width:80px; text-align:center; }
.type{ width:53px; } .type img{ width:16px; height:16px; margin:0 0 0 15px; }

#download{  }
#download ul{  }
#download ul li{ margin:5px 5px 5px 15px;  float:left; width:450px; height:65px; background-color:#eff4f9; border:1px solid #aacef6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#download .icon-download{ width:48px; height:48px; margin:5px 0 0 5px;}
#download .dl-name{ margin:3px 0 0 0; width:390px; height:20px; overflow:hidden; }
#download .dl-name p { line-height:1.5em; font-size:12px;}
#download .dl-desc{ margin:3px 0 0 0; width:390px; height:20px; overflow:hidden; }
#download .dl-desc p { line-height:1.5em; font-size:12px;}
#download .dl-info{ width:390px; height:16px; overflow:hidden;  }
#download .dl-info p { line-height:1.5em; font-size:11px; color:#929292;}
.download-info{ font-size:11px; margin:5px 0 0 0; border:1px solid #d5ddf3; padding:10px; background-color:#e8ecf9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.img-download{ width: 98%; display: block; margin: 10px auto; }

#register{ width:950px; margin:10px 0 0 10px; }
#register .register-information{ width:300px; font-size:11px; margin:10px 0 0 10px; border:1px solid #c0c0c0; padding:10px; background-color:#f9f9f9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#register .register-information p { line-height:2.0em; }
#register ul{ width:600px; margin:10px 0 0 0; }
#register ul li{ margin:0 0 10px 0; }
#register ul li span{ margin:0 0 0 10px; font-size:11px; color:red; }
#register ul li label{ width:170px; float:left; line-height:24px; text-align:right; }
#register ul li input#captcha{ width:30px; }
.reg-telephone{ width:95px; } .post-code{ width:70px; } .reg-address{ width:300px; }
.regis-captcha{  width:160px; height:60px; border:1px solid #c0c0c0;}
.reg-personal{ padding:3px 0; background-color:#ffd5d5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.reg-company{  padding:3px 0; background-color:#d5ecff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.reg-payment{  padding:7px 0; background-color:#d5e4c8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.reg-member-input{  padding:3px 0; background-color:#eeeeee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.choose-box{ font-size:11px; float:left; margin:0 0 50px 60px;  width:400px; }
.choose-box img{ width:400px; height:121px; border:1px solid #ddd;  }
.choose-box img:hover{ border:1px solid #ff9900; }
.choose-box p{ margin:10px 0 0 0; text-indent:40px; line-height:1.6em; }
.choose-box ul{ margin:10px 0 0 0; }
.choose-box ul li{ margin:0 0 8px 0; }
.register-title{ height:110px; margin: 20px 0 30px 100px; background:url(../images/register/title.jpg) no-repeat center center; }
.training-title{ height:110px; margin: 20px 0 30px 100px; background:url(../images/training/training-title.jpg) no-repeat center center; }
.article-choose-title{ height:110px; margin: 20px 0 30px 100px; background:url(../images/article/article-title.jpg) no-repeat center center; }

#gallery-page { width:930px; margin:20px 0 0 20px; }
#gallery-page ul{ margin:0 0 0 10px; }
#gallery-page ul li{ text-shadow:#fff 0px 1px 3px; padding:5px; float:left; width:260px; overflow:hidden; height:255px; margin:3px 0 30px 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#gallery-page ul li:hover, #gallery-page ul li a:hover { background-color:#e0e0e0;  }
#gallery-page ul li > div.title-gallery p{ text-align:center; line-height:2em; }
#gallery-page ul li > div.title-gallery p a { color:#09c; }
#gallery-page ul li img.img-temp{ width:220px; height:150px; margin:15px 0 5px 20px; border:1px solid #c0c0c0; }
#gallery-page ul li > div.title-gallery{ width:260px; height:45px; overflow:hidden; }
#gallery-page ul li > div.info{ padding: 5px 0 0 30px; height:16px; }
#gallery-page > .gallery-title { font-size:12px; margin:5px 0 0 0; border:1px solid #d5ddf3; padding:10px; background-color:#e8ecf9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.gallery-title p{ line-height:1.8em; }

#gallery-detail { width:930px; margin:20px 0 0 20px; }
#gallery-detail .gallery-detail-title { font-size: 16px; text-align: center; }
#gallery-detail .gallery-detail-title a { padding: 25px; clear: both; }
#gallery-detail ul { margin:0 0 0 10px; }
#gallery-detail ul li {   border: 1px solid #888888; width: 90%; overflow: hidden; background-color: #f1f1f1; height: auto; margin: 0 auto 40px auto; }
#gallery-detail ul li:hover, #gallery-detail ul li a:hover { background-color:#e0e0e0;  }
#gallery-detail ul li > div.title-gallery p{ text-align:center; line-height:2em; }
#gallery-detail ul li img.img-temp{ width: 100%; height: 100%; }
#gallery-detail ul li > div.title-gallery{ width:260px; height:45px; overflow:hidden; }
#gallery-detail ul li > div.info{ padding: 5px 0 0 10px; height:16px; }

/*#webboard { width:930px; margin:20px 0 0 20px; }
#webboard > table{ width:900px; margin:10px 0 0 15px;  }
#webboard > table tr.row-gray{ background-color:#f1f1f1; }
#webboard > table tr:hover{ background-color:#eaeaea; }
#webboard > table td{ font-size:11px; padding:7px; border-bottom:1px solid #c0c0c0; } 
#webboard > table th{ border:1px solid #c0c0c0; text-shadow: black 0px 2px 3px; font-weight:normal; color:#FFF; font-size:13px; border:1px solid #c0c0c0; padding:10px 20px; 
	background: -moz-linear-gradient(100% 100% 90deg, #006cc7, #299dff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006cc7), to(#299dff));
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#299dff', endColorstr='#006cc7');
}
#webboard th.board-title{ width:625px; }
#webboard td.board-title{ width:605px; padding:0 0 0 20px; background:url(../images/comment.png) no-repeat left center; }
*/

#training-detail { width:930px; margin:20px 0 0 20px; }
.training-data{ width:800px; margin:20px 0 0 40px; padding:25px; border:1px solid #c0c0c0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.training-data ul li{ margin:0 0 15px 0; }
.training-data ul li span.data{ font-weight:bold; color:#0066cc; }
.training-button { margin:0 auto; width:252px; height:62px;}
.training-button img{ border:1px solid #990000; }
.training-button img:hover{ border:1px solid #ff6600;  }

#pagination{ clear:both; float:right; height:25px; margin:10px 0 0 0; }
#pagination span{ float:left; margin:0 5px 0 0; padding:2px 6px; border:1px solid #c0c0c0; }
#pagination span a{ color:#0066cc; }
#pagination span.page-select{ background-color:#c0c0c0; }
#pagination span.page-select a{ color:#c0c0c0; background-color:#eaeaea; }

#fullbox{ width:890px; margin:0 0 0 25px; }
.fullbox-top{ width:890px; height:10px; background:url(../images/content/bg-top.jpg) no-repeat; }
.fullbox-middle{ width:860px; padding:1px 15px; background:url(../images/content/bg-middle.jpg) repeat-y; }
.fullbox-bottom{ width:890px; height:10px; background:url(../images/content/bg-bottom.jpg) no-repeat; }
.fullbox-title{ margin:10px 0 10px 0; padding:0 0 5px 0; border-bottom:3px solid #eaeaea; }
.fullbox-title p { font-size:16px; }
.fullbox-data p{ line-height:2.0em; }

#feedback-area{ margin:20px 0 0 120px; width:700px; }
.commentbox-top{  width:700px; height:14px; background:url(../images/comment/cm-top.jpg) no-repeat; }
.commentbox-middle{  width:670px; padding:1px 15px; background:url(../images/comment/cm-middle.jpg) repeat-y; }
.commentbox-bottom{  width:700px; height:14px; background:url(../images/comment/cm-bottom.jpg) no-repeat; }
.commentbox-middle ul li{ margin: 0 0 10px 0; }
.commentbox-middle ul li label{ width:100px; float:left;text-align:right;  }
.commentbox-middle ul li label.post-name{ line-height:1.9em; }
.commentbox-middle ul li textarea{ width:350px; margin:0 10px 0 0; height:70px; }
p.cm-number{ font-weight:bold;margin:0 0 7px 0; }
.post-captcha{ width:50px; }
.captcha{  width:160px; height:60px; border:1px solid #c0c0c0;}
.postbox{ width:700px; margin: 10px 0 0 0; }
.postbox-info{ width:670px; border-top:2px solid #eaeaea; margin:7px 0 0 0; padding:7px 0 0 0; font-size:11px; }


#article-detail{ width:950px; margin:10px 0 0 10px; }

#webboard-create{ width:950px; margin:10px 0 0 10px; }
.webboard-create-title { font-size:11px; margin:5px 0 0 0; border:1px solid #c0c0c0; padding:10px; background-color:#f7f7f7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#webboard-create > #topic-create-box{ margin:20px 0 0 130px; }
#webboard-create .topic-create-box-top{  width:700px; height:14px; background:url(../images/comment/cm-top.jpg) no-repeat; }
#webboard-create .topic-create-box-middle{  width:670px; padding:1px 15px; background:url(../images/comment/cm-middle.jpg) repeat-y; }
#webboard-create .topic-create-box-bottom{  width:700px; height:14px; background:url(../images/comment/cm-bottom.jpg) no-repeat; }
#webboard-create .topic-create-box-middle ul li{ margin: 0 0 10px 0; }
#webboard-create .topic-create-box-middle ul li label{ width:100px; float:left;text-align:right;  }
#webboard-create .topic-create-box-middle ul li label.post-name{ line-height:1.9em; }
#webboard-create .topic-create-box-middle ul li textarea{ width:350px; margin:0 10px 0 0; height:120px; }
#webboard-create p.cm-number{ font-weight:bold;margin:0 0 7px 0; }
#webboard-create .post-topic-name{ width:250px; }
#webboard-create .post-captcha{ width:50px; }
#webboard-create .captcha{  width:160px; height:60px; border:1px solid #c0c0c0;}

#member-choose-training{ width:950px; margin:10px 0 0 10px; }

.training-info { padding: 15px; background-color: #F5F6F7; margin-bottom: 20px; }
.training-info ul {  }
.training-info ul li { float: left; width: 50%; height: 40px; }

#member-choose-training table{ width:950px; margin:10px 0 0 0;  }
#member-choose-training table tr.row-gray{ background-color:#f1f1f1; }
#member-choose-training table td{ font-size:11px; padding:7px; border-bottom:1px solid #c0c0c0; } 
#member-choose-training table th{ border:1px solid #c0c0c0; text-shadow: black 0px 2px 3px; background:url(../images/main/bg_table.jpg) repeat-x; font-weight:normal; background-color:#ffaf32; color:#333; font-size:13px; border:1px solid #c0c0c0; padding:10px 0px; }
.choose{ width:30px;  text-align:center;}
.date{ width:100px; padding:5px; text-align:center; }

.place{ width:180px; text-align:left; }
.type{ width:53px; } .type img{ width:16px; height:16px; margin:0 0 0 15px; }
.btn-register{ width:400px; margin:20px auto; padding:20px 0; border:1px solid #eaeaea; background:#f5f5f5;}
.btn-register p{ color:#990000; text-align:center; font-size:11px; }
.btn-register .btn{ width:100px; margin:10px 0 0 155px; border:1px solid #990000;}

#member-choose-training-2{ width:950px; margin:10px 0 0 10px; }
.member-choose-training-info{ color:#990000; text-align:center; margin:20px 0 0 0; border:1px solid #c0c0c0; padding:10px; background-color:#f9f9f9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.member-choose-training-form  { margin:20px 0 0 0; }
.member-choose-training-form ul{ width:500px; padding:20px; border:1px solid #c0c0c0; margin:0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.member-choose-training-form ul li{ color:#990000; clear:both; width:100%; margin:0 0 10px 0;}
.member-choose-training-form ul li label{ float:left; width:150px; text-align:right; line-height:24px; }
.address{ width:300px; } .age{ width:30px; } .userid{ width:100px; } .postcode{ width:50px; } .telephone{ width:90px; }
.member-choose-training-form  p{ color:#990000; text-align:center; }
#member-choose-training-2 .btn{ width:160px; border:1px solid #990000; background:#ffd4d4; } 
#member-choose-training-2 table{ width:920px; margin:10px 0 0 15px;  }
#member-choose-training-2 table tr.row-gray{ background-color:#f1f1f1; }
#member-choose-training-2 table td{ font-size:11px; padding:7px; border-bottom:1px solid #c0c0c0; } 
#member-choose-training-2 table th{ border:1px solid #c0c0c0; text-shadow: black 0px 2px 3px; background:url(../images/main/bg_table.jpg) repeat-x; font-weight:normal; background-color:#ffaf32; color:#333; font-size:13px; border:1px solid #c0c0c0; padding:10px 0px; }



.dialog-error{ width:400px; margin:20px auto; border:1px solid #990000; background:#ffd4d4; padding:20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.dialog-error ul li{ color:#990000; margin:0 0 10px 0; font-size:11px; }
.dialog-error ul li label{ color:#000; }

#member-profile{ width:950px; margin:10px 0 0 10px; }
.member-profile-info{ color:#990000; text-align:center; margin:20px 0 0 0; border:1px solid #c0c0c0; padding:10px; background-color:#f9f9f9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.member-profile-form  { margin:20px 0 0 0; }
.member-profile-form ul{ width:500px; padding:20px; border:1px solid #c0c0c0; margin:0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.member-profile-form ul li{ color:#990000; clear:both; width:100%; margin:0 0 10px 0;}
.member-profile-form ul li label{ float:left; width:150px; text-align:right; line-height:24px; }
.address{ width:300px; } .age{ width:30px; } .userid{ width:100px; } .postcode{ width:50px; } .telephone{ width:90px; }
.member-profile-form  p{ color:#990000; text-align:center; }
#member-profile-2 .btn{ width:160px; border:1px solid #990000; background:#ffd4d4; } 
#member-profile-2 table{ width:920px; margin:10px 0 0 15px;  }
#member-profile-2 table tr.row-gray{ background-color:#f1f1f1; }
#member-profile-2 table td{ font-size:11px; padding:7px; border-bottom:1px solid #c0c0c0; } 
#member-profile-2 table th{ border:1px solid #c0c0c0; text-shadow: black 0px 2px 3px; background:url(../images/main/bg_table.jpg) repeat-x; font-weight:normal; background-color:#ffaf32; color:#333; font-size:13px; border:1px solid #c0c0c0; padding:10px 0px; }

#member-main{ width:950px; margin:10px 0 0 10px; } .inhouse{ margin:20px 0 0 0; }
.member-main-info{ font-size:11px; margin:5px 0 0 0; border:1px solid #c0c0c0; padding:10px; background-color:#f9f9f9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.member-main-info ul{ margin:10px 0 0 0; }
.member-main-info ul li{ float:left; margin:0 20px 8px 0; }
.member-main-info > .filter{ border-top:3px solid #eaeaea;  margin:10px 0 0 0; padding:10px 0 0 0; }
#member-main table{ width:920px; margin:10px 0 0 15px;  }
#member-main table tr.row-gray{ background-color:#f1f1f1; }
#member-main table td{ font-size:11px; padding:7px; border-bottom:1px solid #c0c0c0; } 
#member-main table th{ border:1px solid #c0c0c0; text-shadow: black 0px 2px 3px; background:url(../images/main/bg_table.jpg) repeat-x; font-weight:normal; background-color:#ffaf32; color:#333; font-size:13px; border:1px solid #c0c0c0; padding:10px 0px; }

#service{ }
#service .service-description{ font-size:11px; margin:15px 0 0 0; border:1px solid #d5ddf3; padding:10px; background-color:#e8ecf9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#service ul#list-service{ margin: 20px 0 0 0; }
#service ul#list-service li{ padding:10px; margin: 0 0 10px 0; background:#eff4f9; border:1px solid #AACEF6; }
#service ul#list-service li img.service-img{ width:90px; height:80px; } 
#service .service-detail{ margin-left: 20px; float: left !important; }
#service p.service-detail-topic{ font-weight:bold; color:#2d61ab; }
#service .service-detail p { line-height:1.9em; }
.img-service{ margin:20px 0 0 60px; border-right:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; }

#service .service-information{ font-size:13px; margin:15px 0 0 0; border:1px solid #AACEF6; padding:10px; background-color:#eff4f9; }
#service .service-information p strong{ color:#0066ff; }
#service .service-information p.text{ text-indent:30px; line-height:2em; maring:8px 0; }



#footer { margin:20px 0 0 0; padding:10px 0 0 0; border-top:1px dashed #c0c0c0; }
#footer p { margin:7px 0 20px 0; text-align:center;font-size:11px; }
#gallery-detail .gallery-detail-title a{
    display: block;
}