body {font-family:SPLaksaman;margin:0;font-size:14px;}
.skyheader {background-image:url('#');background-repeat:repeat-x;background-color:#FEFEFE;}

/* Jaidee Head Navigator */
.Menuicon{background:url("../images/mobile-nav.png") no-repeat center right;margin-right:5px;padding:0px 5px;}
.Menuicon:hover{color:#fff}
.toggleMenu {display:none;background:#444444;margin:0px;padding: 8px 0px;color:#fff;width:100%;box-shadow:0 2px 0.1px rgba(0, 0, 0, 0.3), 0 3px 8px rgba(0, 0, 0, 0.2);}
.nav {
position:fixed;z-index:9999;top:0px;left:0px;width:100%;  /* kswim + */
box-shadow: 0 2px 0px rgba(0,0,0,0.3), 0 3px 8px rgba(0,0,0,0.2);font-size: 13px;list-style: none;*zoom: 1;background:#50B2EA;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50B2EA', endColorstr='#1CA8E3'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom,from(#50B2EA),to(#1CA8E3)); background: -moz-linear-gradient(top,  #50B2EA,  #1CA8E3); /* for firefox 3.6+ */
}
.kswim_map{position:fixed;top:40px;right:0px;}  /* kswim + */
.kswim_map_mobile{position:fixed;bottom:0px;left:0px;}  /* kswim + */
.nav:before,.nav:after {content: " "; display:table;}.nav :hover{margin:0;background: #66CCFF;}.nav:after {clear: both;}
.nav ul {list-style: none;width: 9em;}
.nav a {padding: 10px 15px;color:#fff;}
.nav b {padding: 10px 15px;color:#ff0;}  								/* 2017.3.20 */
.nav a:hover ,.nav a:visited ,.nav a :active {color:#fff;}
.nav a > button {margin:-6px;padding: 6px 0; color:#fff;}
.nav a > button:hover {margin:-6px;padding:6px 0;color:#fff;background: #50B2EA;}
.nav li {position: relative;}
.nav > li {float: left; border-top: 1px solid #50B2EA;}
.nav > li > .parent {background-image: url("../images/downArrow.png");background-repeat: no-repeat;background-position: right;}
.nav > li > a { display: block;}
.nav > li > b { display: block;}                                       /* 2017.3.20 */
.nav li  ul { position: absolute; left: -9999px;}
.nav > li.hover > ul {left: 0;color:#fff;}
.nav li li.hover ul {left: 100%;top: 0;color:#fff;}
.nav li li a {display: block; background:#50B2EA;position:relative;z-index:100;border-top: 1px solid #175e4c;}
.nav li li li a { background:#35ADFD;z-index:200;border-top:1px solid #50B2EA;}
.nav > .pull-right {float:right;}
.nav > .pull-right-p {padding:8px;}
@media screen and (max-width:720px){
.active{display:block;}.nav > li {float: none;}.nav > li > .parent{background-position:95% 50%;}
.nav li li .parent{background-image:url("../images/downArrow.png");background-repeat:no-repeat;background-position:95% 50%;}
.nav ul {display:block;width:100%;}.nav > li.hover > ul , .nav li li.hover ul {position:static;}
}

/* Simple Navigation */
.smenu{padding:10px 5px;margin:0 10px;}
.navmenu:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;line-height:0;content:"";}
.navmenu{*zoom:1;list-style:none;}
.navheader{font-size:14px;}
.slide-trigger{border-radius:5px;display:none;border:1px solid #CCCCCC;cursor:pointer;margin-left:2px;margin-right:2px;}
.slide-trigger span{background-image:url("../images/downArrow.png");background-position:0 -14px;display:block;float:right;margin-top:5px;margin-right:5px;height:5px;width:9px;}
.navigation{max-width:none;background:#50B2EA;padding:0;border-radius:5px;}
.navigation li{float:left;}
.navigation li a {display:block;color:#fff;padding:10px;}
.navigation li a:hover{background:#66CCFF;border-radius:5px;}
@media only screen and (min-width: 561px){.navigation{box-shadow:0 2px 0.1px rgba(0, 0, 0, 0.3), 0 3px 8px rgba(0, 0, 0, 0.2);}}
@media only screen and (max-width: 560px) {
.slide-trigger {display:block;}.no-js .slide-trigger {display:none;}
.navigation {display:none;border-radius:0px;}.navigation li a:hover{border-radius:0px;}.no-js .navigation {display:block;}.navigation{margin:0 2px;}.navigation li {float:none;}.navigation li a { border-bottom: 1px solid #fff; }
}
/*	Jaidee Side Menu  */
ul.menu,ul.menu ul {list-style-type:none;margin:0;padding:0;width:100%;}ul.menu a {display:block;text-decoration:none;}
ul.menu li {margin-top:1px;}ul.menu li a {background:#50B2EA;color:#fff;padding:0.5em;}
ul.menu li a:hover {background:#0280D2;}ul.menu li ul li a {background:#EEFFFF;color:#000;padding-left:20px;}
ul.menu li ul li a:hover {background:#E6FFFF;border-left:5px #50B2EA solid;padding-left:15px;}

/* Jaidee button */
button{font:14px/1 SPLaksaman;padding:7px 6px 7px;text-align:center;}
button::-moz-focus-inner{border:0;}
button.minimal{background:#e3e3e3;border:1px solid #bbb;border-radius:3px;-webkit-box-shadow:inset 0 0 1px 1px #f6f6f6;box-shadow:inset 0 0 1px 1px #f6f6f6;color: #333;}
button.minimal:hover {background:#d9d9d9;-webkit-box-shadow:inset 0 0 1px 1px #eaeaea;box-shadow: inset 0 0 1px 1px #eaeaea;color: #222;cursor: pointer; }
button.minimal:active {background:#d0d0d0;-webkit-box-shadow:inset 0 0 1px 1px #e3e3e3; box-shadow: inset 0 0 1px 1px #e3e3e3; color: #000; }
button.clean-gray {background-color:#eeeeee; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#eeeeee), color-stop(100%, #cccccc)); background-image:-webkit-linear-gradient(top,#eeeeee,#cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc);background-image: linear-gradient(top, #eeeeee, #cccccc);border:1px solid #ccc;border-bottom:1px solid #bbb;border-radius:3px;color:#333;}
button.clean-gray:hover { background-color: #dddddd;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb)); background-image: -webkit-linear-gradient(top,#dddddd,#bbbbbb);background-image: -moz-linear-gradient(top, #dddddd,#bbbbbb);background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);background-image: linear-gradient(top, #dddddd, #bbbbbb);border: 1px solid #bbb; border-bottom:1px solid #999;cursor:pointer;}
button.clean-gray:active {border:1px solid #aaa;border-bottom:1px solid #888;-webkit-box-shadow:inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }
button.cupid-green {background-color:#7fbf4d;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);background-image: linear-gradient(top, #7fbf4d, #63a62f);border:1px solid #63a62f;border-bottom: 1px solid #5b992b;border-radius: 3px;-webkit-box-shadow: inset 0 1px 0 0 #96ca6d; box-shadow:inset 0 1px 0 0 #96ca6d;color:#fff;}
button.cupid-green:hover {background-color:#76b347;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));background-image: -webkit-linear-gradient(top,#76b347,#5e9e2e);  background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);  background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);  background-image: -o-linear-gradient(top, #76b347, #5e9e2e);background-image: linear-gradient(top, #76b347, #5e9e2e);-webkit-box-shadow: inset 0 1px 0 0 #8dbf67;box-shadow: inset 0 1px 0 0 #8dbf67; cursor: pointer; }
button.cupid-green:active {border:1px solid #5b992b;border-bottom: 1px solid #538c27; -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 8px 4px #548c29,0 1px 0 0 #eeeeee;}
button.blue {background-color: #0085CC; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0085CC), color-stop(100%, #005CCC));background-image: -webkit-linear-gradient(top,#0085CC,#005CCC);background-image: -moz-linear-gradient(top, #0085CC, #005CCC);background-image: -ms-linear-gradient(top, #0085CC, #005CCC);background-image: -o-linear-gradient(top, #0085CC, #005CCC); background-image: linear-gradient(top, #0085CC, #005CCC);border:1px solid #0085CC;border-bottom: 1px solid #5b992b;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 0 #96ca6d;box-shadow:inset 0 1px 0 0 #0085CC;color:#FFFFFF;}	
hover,button.blue:hover { background-color: #005CCC;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #005CCC), color-stop(100%, #005CCC)); background-image: -webkit-linear-gradient(top,#005CCC,#005CCC);background-image: -moz-linear-gradient(top, #005CCC, #005CCC);background-image: -ms-linear-gradient(top, #005CCC, #005CCC);background-image: -o-linear-gradient(top, #005CCC, #005CCC);  background-image: linear-gradient(top, #005CCC, #005CCC);border:1px solid #bbb;border-bottom:1px solid #005CCC;cursor:pointer;}
button.blue:active { border: 1px solid #aaa; border-bottom: 1px solid #888;-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }	
button.red {color: #923c47;border: 1px solid #d96d7c;background-image: -moz-linear-gradient(#f997b0, #f6677b);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6677b), to(#f997b0));background-image: -webkit-linear-gradient(#f997b0, #f6677b);background-image: -o-linear-gradient(#f997b0, #f6677b);border-radius:3px;}
button.red:hover {border: 1px solid #c75964;background-image: -moz-linear-gradient(#f6677b, #f997b0);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f997b0), to(#f6677b));background-image: -webkit-linear-gradient(#f6677b, #f997b0);background-image: -o-linear-gradient(#f6677b, #f997b0);background-color: #f997b0;border-radius:3px;}
button.red:active {border:1px solid #ab3e4b;}
button.yellow {color: #986a39;border:1px solid #e6b650;background-image:-moz-linear-gradient(#ffd974, #febf4d);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#febf4d), to(#ffd974));background-image: -webkit-linear-gradient(#ffd974, #febf4d);background-image: -o-linear-gradient(#ffd974, #febf4d);background-color: #febf4d;border-radius:3px;}
button.yellow:hover {border:1px solid #c1913d;background-image:-moz-linear-gradient(#febf4d, #ffd974);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd974), to(#febf4d));background-image: -webkit-linear-gradient(#febf4d, #ffd974);background-image: -o-linear-gradient(#febf4d, #ffd974);background-color: #ffd974;border-radius:3px;}
button.yellow:active {border:1px solid #936b26;}

/* Jaidee pagination */
div.pagination {padding:3px;margin:3px;text-align:center;}
div.pagination a {padding:2px 5px 2px 5px;margin-right:2px;border:1px solid #9aafe5;text-decoration:none;color:#2e6ab1;}
div.pagination a:hover,div.pagination a:active {border: 1px solid #2b66a5;color:#000;background-color:lightyellow;}
div.pagination span.current {padding: 2px 5px 2px 5px;margin-right:2px;border:1px solid navy;font-weight:bold;background-color: #2e6ab1;color: #FFF;}
div.pagination span.disabled {padding: 2px 5px 2px 5px;margin-right:2px;border:1px solid #929292;color:#929292;}