* {margin:0;padding:0}

@font-face {
  font-family:MyriadPro;
  font-style:normal;
  font-weight:normal;
  src:local("myriadpro-regular"), url("font/myriadpro-regular.eot") format("eot"), url("font/myriadpro-regular.woff") format("woff"), url("font/myriadpro-regular.ttf") format("truetype");
}
@font-face {
  font-family:BebasNeue;
  font-style:normal;
  font-weight:normal;
  src:local("BebasNeue-webfont"), url("font/BebasNeue-webfont.eot") format("eot"), url("font/BebasNeue-webfont.woff") format("woff"), url("font/BebasNeue-webfont.ttf") format("truetype");
}

body {

font-family:Arial;
font-size:14px;
color:#000;
}
.max {
max-width:1000px;
margin:0 auto;

}

img {
border:0;
}

header {
height:45px;
background:url(img/header.png) repeat-x;
text-align:center;


}

header #logo {
margin-top:8px;
display:inline-block;
}

main {
padding:10px;
}

#photo {
text-align:center;
}
#photo img {
width:100%;
}
h1,h2, .videoList .cat h2 {
font-size:26px;
color:#D03516;
font-weight:normal;
margin:10px 0;
}
main #desc {
border-top:1px solid #EEEEEE;
font-size:11px;
padding-top:5px;
}

main #content {
margin-top:10px;
}

main #content blockquote {
font-weight:bold;
margin-bottom:30px;
}
main #content h2 {
font-weight:bold;
font-size:18px;
color:#000;
}


main #content ul,
main #content ol{
margin:20px;
}

#forum {

}
#forum h4 {
display:block;
background:#34577F;
color:#fff;
font-weight:bold;
padding:2px 10px;
font-size:11px;
}
#forum p {
display:block;
padding:10px;
background:#EFEFEF;
}
#forum p a {
color:#fff;

background:#43648A url(img/right.png) no-repeat right 10px center;
display:block;
margin:0 auto;
width:300px;
padding:10px 0;
text-align:center;
border-radius:5px;
text-transform:uppercase;

}
a {
text-decoration:none;
color:#D23615;
}
#social {
padding:10px 0;
text-align:center;
}
#social a {
}

#links {
background:#F2F2F2;
padding:10px;
}

#links a {
color:#B43B1E;
font-size:12px;
line-height:16px;
}
#links a:after {
content:"|";
color:#DFDFDF;
margin:0 10px;
}

footer{
color:#3E3E3E;
font-size:10px;
padding:10px;
}
footer p {
margin-bottom:10px;
}

.italic {
font-style:italic;

}
.author {

background: url(img/info.png) no-repeat right center;
padding-right:20px;

}

#searchButton {
width:33px;
height:30px;
display:block;
float:right;
margin-top:9px;
margin-right:9px;
}

#searchButton  img { width:33px;
height:30px; }

#database{
border:7px solid #F2F2F2;
background:#fff;
margin-bottom:10px;
}

#database h4 {
color:#000;
font-weight:normal;
font-size:16px;
border-bottom:1px solid #EDEDED;
padding:5px 10px;
}
#database ul,
.database ul {
margin:10px;
border:5px solid #F2F2F2;
list-style:none;
overflow:auto;
background:#EBEBEB
}
#database ul li,
.database ul li {
float:left;
display:block;
height:36px;
line-height:36px;
background:url(img/button.png) repeat-x;
width:29px;
text-align:center;
margin-right:2px;
}
#database ul li a,
.database ul li a {
display:block;
color:#666666;

}

.sec.database ul {
margin:0;
}

.database ul li.all,
#database ul li.all {
float:left;
display:block;
height:36px;
line-height:36px;
background:none;
width:auto;
text-align:left;
margin-left:10px;

font-size:11px;
font-weight:bold;
}

#database ul li.all a,
.database ul li.all a {
color:#B2391C;

}













footer {
background:#F2F2F2;
}

#author {
margin-top:20px;
}

#author img, #desc img {
vertical-align:middle;
}
#author a, #desc a {
color:#000;
}
#video, .section, #readalso {

box-shadow:         0px 0px 9px 0px rgba(0, 0, 0, 0.36);
background:#fff;
margin:10px;
margin-top:0;
}

.shadow {
box-shadow:         0px 0px 9px 0px rgba(0, 0, 0, 0.36);
background:#fff;
}

.button {
display:block;
background:#fff url(img/dropdown.png) no-repeat right 15px center;
color:#BB492F;
text-transform:uppercase;
font-family:'BebasNeue';
padding:10px 15px;
font-size:28px;
line-height:20px;
}
#readalso .button {
background:#fff url(img/readalso.png) no-repeat right 15px center;

}
.button span {
display:block;
 color:#666666;
 font-size:20px;
}
#readalso {

}
#readalso ul,
#video ul, ul.videos, ul.art {
list-style:none;
overflow:auto;
text-align:center;
}
#readalso ul li,
#video ul li,
ul.art li,
ul.videos li {
width:300px;
height:240px;
display:inline-block;
border:1px solid #E0E0E0;
margin-right:5px;
margin-bottom:5px;
}
#video ul li,
ul.videos li {

height:193px;

}

#readalso ul li,
#video ul li {
display:block;
margin:0 auto;
margin-bottom:10px;

}

#readalso ul li {
width:100%;
height:auto;
box-sizing:border-box;
}









#readalso ul li a,
#video ul li a,
ul.art li a,
ul.videos li a {
display:block;
position:relative;
height:100%;
}
#readalso ul li img,
#video ul li img,
ul.art li img,
ul.videos li img {
width:100%;
height:100%;
}
#readalso ul li span,
#video ul li span,
ul.art li span,
ul.videos li span,
.videoList .cat a.link span
{
font-size:16px;
background:#B5391D url(img/right.png) no-repeat right 10px center;
padding:10px;
color:#fff;
display:block;
position:absolute;
bottom:20px;
left:0;
width:100%;
box-sizing:border-box;
text-align:left;
}

#video ul li span:after,
.videoList .cat a.link span:after,
ul.videos li span:after {
display:block;
content:"";
width:61px;
height:61px;
background:url(img/playbtn.png) no-repeat top left;
position:absolute;
left:0px;
top:-61px;

}

#video ul {
display:none;
}

#similar {
border-top:1px solid #EFEFEF;
border-bottom:1px solid #EFEFEF;
padding:10px 0;
margin-bottom:20px;
}
main #similar ul {
list-style:none;
margin:0;
}
#similar ul li {
margin-bottom:5px;
}

#similar ul li a {
cursor:pointer;
color:#4096C9;
font-size:14px;
text-decoration:underline;
}

#similar h4 {
font-weight:normal;
text-transform:uppercase;
font-size:14px;
margin-bottom:5px;
}

#videos .button {
background:#fff url(img/play.png) no-repeat right 15px center;
}

#expert .button {
background:#fff url(img/expert.png) no-repeat right 15px center;
}

#videos.section .button,
#expert.section .button {
color:#34577F;
}
#videos.section,
#expert.section {
margin:7px 0;
box-shadow:none;
border:7px solid #E6E6E6;
border-left-width:4px;
border-right-width:4px;
}


.cat {

}
.cat h2 {
font-weight:normal;
font-size:18px;
color:#B4391D;
padding:5px 10px;
margin:0;
}
.cat img {
width:100%;
}
.cat ul {
list-style:none;
margin:0 6px;
}
.cat ul li {
border-bottom:1px solid #F1F1F1;
background:url(img/right2.png) no-repeat right 10px center;
}
.cat ul li a {
display:block;
color:#8C8C8C;
padding:7px 8px;
padding-right: 20px;
}
.cat ul li:hover {
background:url(img/right3.png) no-repeat right 10px center;
}
.cat ul li a:hover {
color:#355981;
}

.cat ul li.more {
background:url(img/right3.png) no-repeat right 10px center;
}
.cat ul li.more a {
color:#33577F;
font-size:12px;
}

.articles {
list-style:none;
border: 7px solid #F2F2F2;
background:#fff;
margin-bottom:10px;
}
.articles li {
height:71px;
line-height:17px;
border-bottom:1px solid #EFEFEF;
display:block;
overflow:hidden;
background-repeat:no-repeat;
background-position:top left;
}
.articles li a {
display:block;
height:100%;
color:#8D8D8D;
padding-left:100px;
position:relative;
}
.articles li a span {
display:block;
background:url(img/right2.png) no-repeat right 10px center ;
}









p.desc {
font-weight:bold;
font-size:17px;
border-bottom:1px solid #EFEFEF;
padding-bottom:10px;
margin-bottom:10px;
}
p.desc2 {


border-top:1px solid #EFEFEF;
padding-top:10px;
margin:0 7px;
margin-top:10px;

}



select {
background:#095682;
color:#fff;
border:0;
height:30px;
padding:0 10px;
border-radius:5px;
box-sizing:border-box;
width:100%;
margin:10px 0px;
cursor:pointer;
outline:0;
}

.container, .scroller {
	height: 100%;
}

.scroller {
	overflow-y: scroll;
}

.scroller,
.scroller-inner {
	position: relative;
}

.container {
	position: relative;
	overflow: hidden;
	background: #fff;
}

.menu-trigger {
	position: relative;
	padding-left: 60px;
	font-size: 0.9em;
}

.menu-trigger:before {
	position: absolute;
	top: 2px;
	left: 0;
	width: 40px;
	height: 6px;
	background: #fff;
	box-shadow: 0 6px #34495e, 0 12px #fff, 0 18px #34495e, 0 24px #fff;
	content: '';
}

.mp-pusher {
	position: relative;
	left: 0;
	height: 100%;
}

.mp-menu {
	position: absolute; /* we can't use fixed here :( */
	top: 0;
	left: 0;
	z-index: 1;
	width: 300px;
	height: 100%;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.mp-level {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0F5684;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

/* overlays for pusher and for level that gets covered */
.mp-pusher::after,
.mp-level::after,
.mp-level::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	content: '';
	opacity: 0;
}

.mp-pusher::after,
.mp-level::after {
	background: rgba(0,0,0,0.3);
	-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	-moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}

.mp-level::after {
	z-index: -1;
}

.mp-pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.mp-level.mp-level-overlay {
	cursor: pointer;
}

.mp-level.mp-level-overlay.mp-level::before {
	width: 100%;
	height: 100%;
	background: transparent;
	opacity: 1;
}

.mp-pusher,
.mp-level {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/* overlap */
.mp-overlap .mp-level.mp-level-open {
	box-shadow: 1px 0 2px rgba(0,0,0,0.2);
	-webkit-transform: translate3d(-40px, 0, 0);
	-moz-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0);
}

/* First level */
.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
	box-shadow: none;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* cover */
.mp-cover .mp-level.mp-level-open {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

/* content style */
.mp-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mp-menu .head {
	margin: 0;
	color: rgba(0,0,0,0.4);
  height:45px;
  line-height:45px;
  background:url(img/header.png) repeat-x top left;

}

.mp-menu .head .close {
display:block;
width:20px;
height:20px;
margin-top:13px;
float:left;
margin-left:13px;
}
#openMenu {
display:block;
width:20px;
height:20px;
margin-top:13px;
float:left;
margin-left:13px;
}
.mp-menu .btns {
height:33px;
background:#044366;
}
.mp-menu .btns a.imgbtn {
display:block;
float:left;
height:33px;
width:150px;
}

.mp-menu .head .close img {
vertical-align: top;
}

.mp-menu.mp-overlap .head::before {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 8px;
	font-size: 75%;
	line-height: 1.8;
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
	transition: opacity 0.3s, transform 0.1s 0.3s;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
}

.mp-menu.mp-cover .head {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 1em;
}

.mp-overlap .mp-level.mp-level-overlay > .head::before {
	opacity: 1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}

.mp-menu ul li > a {
	display: block;
	padding: 10px;
	outline: none;
	box-shadow: inset 0 -1px rgba(0,0,0,0.2);
	text-shadow: 0 0 1px rgba(255,255,255,0.1);
	font-size: 14px;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
  color:#fff;
}

.mp-menu ul li::before {
	position: absolute;
	left: 10px;
	z-index: -1;
	color: rgba(0,0,0,0.2);
	line-height: 3.5;
}

.mp-level > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
}

.mp-menu ul li a:hover,
.mp-level > ul > li:first-child > a:hover {
	background: rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}

.mp-menu .mp-level.mp-level-overlay > ul > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}

.mp-level > ul > li:first-child > a:hover,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0), inset 0 1px rgba(0,0,0,0);
} /* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */

.mp-back {
	outline: none;
	color: #fff;
  background:#044366 url(img/menuback.png) no-repeat left 10px center !important;
	font-weight: normal;
	display: block;
	padding: 10px;
	position: relative;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
  padding-left:30px;

}
 /*
.mp-back::after {
	font-family: 'linecons';
	position: absolute;
	content: "\e037";
	right: 10px;
	font-size: 1.3em;
	color: rgba(0,0,0,0.3);
}   */

.mp-menu .mp-level.mp-level-overlay > .mp-back,
.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
	background: transparent;
	box-shadow: none;
	color: transparent;
}

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* We'll show the first level only */
.no-csstransforms3d .mp-pusher,
.no-js .mp-pusher {
	padding-left: 300px;
}

.no-csstransforms3d .mp-menu .mp-level,
.no-js .mp-menu .mp-level {
	display: none;
}

.no-csstransforms3d .mp-menu > .mp-level,
.no-js .mp-menu > .mp-level {
	display: block;
}

.mp-menu ul li.sublevel {
background:url(img/right2.png) no-repeat right 15px center;
}

.pagi a {
border:1px solid #D6D6D6;
display:block;
width:30px;
height:30px;
line-height:30px;
color:#28628A;
text-align:center;
  box-shadow: 0 0 0 1px #EBEBEB;
  border-radius:5px;
}
.pagi a.next {
float:right;
margin-left:5px;
}
.pagi a.prev {
float:left;
margin-right:5px;
}



.pagi a:hover {
background:#095682;
color:#fff;
}

.pagi .group {
display:block;
float:left;
  border-radius:5px;
  box-shadow: 0 0 0 1px #EBEBEB;
}
.pagi .desc {
display:block;
float:left;
line-height:30px;
color:#0B5584;
margin-left:5px;
}

.pagi .group a {
border-radius:0;
border-left-width:0;
border-right-width:0;
display:block;
float:left;
box-shadow:none;
border-right:1px solid #EBEBEB;
}
.pagi .group a.active {
background:#EBEBEB;
}

.pagi .group a:first-child {
border-left-width:1px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.pagi .group a:last-child {
border-right-width:1px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

.pagi {
margin:0 13px;
}


.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important;
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white;
	filter:alpha(opacity=0);
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:rgba(0,0,0,0.7);
	color:#fff;
	width:100%;
	z-index:8;
	padding: 7px 10px;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 9999;

}
.nivo-controlNav a {
	background:#FFF;
  cursor:pointer;
  text-indent:-9000px;
  display:block;
  float:left;
  height:10px;
  width:10px;
  border-radius:50%;
  margin-right:5px;
}
.nivo-controlNav a.active {
background:#FF602B;
}

#sliderBox {
position:relative;
margin-bottom:7px;
}

.heading h1,
.heading h2 {
margin-left:7px;
}
.heading p.desc {
margin-left:6px;
}
.selectBox {
margin:0 5px;
}

.box {
box-shadow:         0px 0px 9px 0px rgba(0, 0, 0, 0.36);
margin:0 7px;
}
.box .sec {
padding:10px;
}

.box h4 {
font-weight:normal;
font-size:16px;
color:#000;
margin-bottom:5px;
}
.box .sec .text {
border:1px solid #CBCBCB;
border-radius:5px;
height:35px;
width:100%;
box-sizing:border-box;
outline:0;
padding:0 10px;
}

.enc {
border-top:1px solid #EEEEEE;
margin-bottom:50px;
}
.enc ul{
list-style:none;
margin-top:10px;
}
.enc ul li{

margin-left:15px;
}
.enc ul li a{
color:#555555;
font-size:16px;
line-height:21px;
}

.clear {
clear:both;
}

.exlist {
margin:0 7px;
margin-top:20px;

}
.exlist ul {
list-style:none;
overflow:auto;
text-align:center;

}
.exlist ul li {
display:inline-block;
border:1px solid #CDCDCD;
border-radius:5px;
width:94px;
height:126px;
margin-bottom:3px;
margin-right:3px;
}
.exlist ul li a {
display:block;
height:100%;
}
.exlist ul li a img {
width:100%;
height:100%;
}

.exlist.exlist2 ul li {
width:80px;
height:107px;

}

.exlist.exlist2 {
padding-bottom:30px;
}

.ask {
margin:0 7px;
margin-top:10px;
padding:10px 0;
border-bottom:1px solid #EEEEEE;
}
.ask a {
width:308px;
height:40px;
display:block;
margin:0 auto;
}
.ask p {
color:#335780;
font-size:11px;
text-align:right;
}

.expert {
}

.expert .photo {

}
.expert .photo img {
width:100%;
}


.expert .desc {
margin:20px 7px;
}
.expert div.videos {
margin:0px 7px;
margin-bottom:20px;
}

.return {

}

.return a {
  outline: none;
  color: #fff;
  background: #044366 url(img/menuback.png) no-repeat left 10px center !important;
  font-weight: normal;
  display: block;
  padding: 10px;
  position: relative;
  padding-left: 30px;
}

.videoList .selectBox {
border-top:1px solid #EEEEEE;
}
.videoList .link {
display:block;
position:relative;
}

.videoCategory .selectBox {
border-top:1px solid #EFEFEF;
}
.videoCategory .pagi {
  margin: 0 13px;
  margin-bottom: 10px;
  overflow: auto;
}

.videoCategory .articles li {
  height: 56px;

}

.search {
padding:8px;
height:30px;
background:#EBEBEB;
position:relative;
}

.search input[type="text"] {
border:2px solid #75A0C4;
border-radius:3px;
height:30px;
outline:0;
padding-left:10px;
padding-right:43px;
box-sizing:border-box;
width:100%;
}
.search input[type="image"] {
position:absolute;
outline:0;
right:8px;
top:8px;
}

#singleVideo #content {
margin:0 7px;
margin-bottom:50px;
}
#singleVideo #content blockquote {
margin-bottom:20px;
}

.register {

}
.register h3 {
background:#EBEBEB;
color:#3E3E3E;
height:35px;
line-height:35px;
padding:0 6px;
display:block;
font-weight:normal;
font-size:16px;
background:#EBEBEB url(img/registericon.png) no-repeat center  right 10px;
}
.register h3.register2 {
background:#EBEBEB url(img/registericon2.png) no-repeat center  right 10px;
margin:10px 0;
}
.register h3.login {
background:#EBEBEB url(img/loginicon.png) no-repeat center  right 10px;
margin:10px 0;
}
.register h3.question {
background:#EBEBEB url(img/questionicon.png) no-repeat center  right 10px;
margin:10px 0;
}

.register .rightdesc {
text-align:right;
font-size:11px;
color:#BD533B;
}

.register .row.sex {
font-size:12px;
margin:20px 0;
font-weight:normal;
}
.register .row.sex fieldset {
float:right;
border:0;
}

.register .row.sex fieldset input {
margin-right:10px;
}
.register .row.sex fieldset label {
margin-left:30px;
}

.register .row {
font-weight:bold;
margin-bottom:5px;
padding:0 7px;
}

.register input[type="text"], .register input[type="password"] {
      border:1px solid #CBCBCB;
      width:100%;
      box-sizing:border-box;
      padding:0 10px;
      height:35px;
      border-radius:5px;

}

.register .agree {
background:#EBEBEB;
padding:7px;
border:0;
color:#363636;
font-size:12px;
margin-top:20px;
}
.register .agree fieldset {
border:0;l
}
.register .agree fieldset label {
display:block;
margin-bottom:10px;
}
.register .agree fieldset label {

}

.register .submit {
margin:10px 0;
text-align:center;
}
.register select {
      border:1px solid #CBCBCB;
      width:100%;
      box-sizing:border-box;
      padding:0 10px;
      height:35px;
      border-radius:5px;
background:#fff;
color:#000;
}

.cnt {
margin:20px 0px;
}

.register .reminder {
text-align:right;
margin-top:10px;
}
.register .reminder a {
color:#4097C9;
text-decoration:underline;
}

ul.check {
list-style:none;
margin-left:20px;
}
ul.check li{
background:url(img/ul.png) no-repeat left center;
padding-left:30px;
margin-bottom:10px;
}
.error{
padding:0 7px;
color:#B5391D;
font-weight:bold;
margin:10px 0;
}

.question .submit {
margin:10px 0;
text-align:center;
}
.question textarea {
border:1px solid #CBCBCB;
border-radius:5px;
width:100%;
padding:10px;
color:#000;
box-sizing:border-box;
margin:0 7px;
outline:0;
height:270px;
}

header {
position:relative;
}


header form {
position:absolute;
right:42px;
top:9px;
width:200px;
display:none;
height:30px;
}

header form input {
width:100%;
border:2px solid #5AA0C5;
height:30px;
border-right:0;
outline:0;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
box-sizing:border-box;
padding:0 10px;

}

#content p {
margin-bottom:10px;
}

#video .button {
background-image:url(img/dropdown.png);
}

.pages {
text-align:center;
}

.WTOpaginate {
margin:0 13px;
list-style:none;
display:inline-block;
height:30px;
overflow:hidden;
text-align:left;
}

.WTOpaginate li {
float:left;
margin-right:5px;
}



.WTOpaginate li.itemMiddle a,
.WTOpaginate li.itemMiddle span {
float:left;
}

.WTOpaginate li.itemButton.itemMiddle span.current {
border-radius:0;
}
.WTOpaginate li.itemButton.itemMiddle *:first-child {
border-left-width:1px;

border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
border-top-left-radius: 5px !important;
border-bottom-left-radius: 5px !important;

}
.WTOpaginate li.itemButton.itemMiddle *:last-child {
border-right-width:1px;
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
border-top-right-radius: 5px !important;
border-bottom-right-radius: 5px !important;
}

.WTOpaginate li.itemButton a,
.WTOpaginate li.itemButton span {
border:1px solid #D6D6D6;
display:block;
width:28px;
height:28px;
line-height:30px;
color:#28628A;
text-align:center;
  box-shadow: 0 0 0 1px #EBEBEB;
  border-radius:5px;
}

.WTOpaginate li.itemButton a:hover {
background:#095682;
color:#fff;
}
.WTOpaginate li.itemButton span {
  background: #EBEBEB;
}

.WTOpaginate li.itemForm input,
.WTOpaginate li.itemForm select {


margin:0px;
padding:0;
background:#fff;

border:1px solid #D6D6D6;
display:inline-block;
width:38px;
height:28px;
line-height:28px;
color:#28628A;
text-align:center;
  box-shadow: 0 0 0 1px #EBEBEB;
  border-radius:5px;
  outline:0;
box-sizing:content-box;



}
.WTOpaginate li.itemForm {

color: #0B5584;
font-size:12px;
 margin-left:5px;
 margin-right:10px;
}













.WTOpaginate .group {
display:block;
float:left;
  border-radius:5px;
  box-shadow: 0 0 0 1px #EBEBEB;
}
.WTOpaginate .desc {
display:block;
float:left;
line-height:30px;
color:#0B5584;
margin-left:5px;
}

.WTOpaginate .group a {
border-radius:0;
border-left-width:0;
border-right-width:0;
display:block;
float:left;
box-shadow:none;
border-right:1px solid #EBEBEB;
}
.WTOpaginate .group a.active {
background:#EBEBEB;
}

.WTOpaginate .group a:first-child {
border-left-width:1px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.WTOpaginate .group a:last-child {
border-right-width:1px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

.questoinContainer {
    text-align: center;
    margin-top:30px;
    color: #d03516;
}
.mt10 {
    margin-top: 10px;
}



.advice .button {
	background: url("img/advice-link.png") no-repeat right 0 center;
}

.advice .art li {
	height: 59px;
	margin-bottom: 0;
	border-bottom: 0;
}

.advice .art li a {
	background: url("img/advice-icon.png") no-repeat 0 center white;
}

.advice .art li a span {
	position: relative;
	width: auto;
	height: inherit;
	padding: 10px 20px 10px 103px;
	bottom: 0;
	color: #666666;
	font-size: 14px;
	background: url("img/right2.png") no-repeat right 10px center transparent;
}

.see_also{
  display: none;
}
.kd_ns_ads {
  margin: 0 !important;
}
.kd_ns_box {
  width: 100% !important;
  margin-right: 10px;
}
.kd_ns_image_div{
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 10px;
}
.kd_ns_image{
  width: 100%;
  height: 100%;
}
.kd_ns_lead{
  margin-top: -25%;
}
.kd_ns_font{
  font-family: Arial;
  color: #fff !important;
  font-size: 16px;
  background: #B5391D url(img/right.png) no-repeat right 10px center;
  padding: 5px;
  display: block;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
}
.kd_ns_sponsored{
  font-size: 9px;
}