@charset "UTF-8";

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.col-10,
.col-15,
.col-20,
.col-25,
.col-30,
.col-35,
.col-40,
.col-45,
.col-50,
.col-55,
.col-60,
.col-65,
.col-70,
.col-75,
.col-80,
.col-85,
.col-90,
.col-33,
.col-66,
.col-16 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px) {
.col-10,
.col-15,
.col-20,
.col-25,
.col-30,
.col-35,
.col-40,
.col-45,
.col-50,
.col-55,
.col-60,
.col-65,
.col-70,
.col-75,
.col-80,
.col-85,
.col-90,
.col-33,
.col-66,
.col-16 {
float: left;
}
.col-10 {width: 10%;}
.col-15 {width: 15%;}
.col-20 {width: 20%;}
.col-25 {width: 25%;}
.col-30 {width: 30%;}
.col-35 {width: 35%;}
.col-40 {width: 40%;}
.col-45 {width: 45%;}
.col-50 {width: 50%;}
.col-55 {width: 55%;}
.col-60 {width: 60%;}
.col-65 {width: 65%;}
.col-70 {width: 70%;}
.col-75 {width: 75%;}
.col-80 {width: 80%;}
.col-85 {width: 85%;}
.col-90 {width: 90%;}
.col-33 {width: 33.33333333%;}
.col-66 {width: 66.66666667%;}
.col-16 {width: 16.66666667%;}
} 
@font-face {
font-family: "seed";
src:url(//socanth.tu.ac.th/iuaes2015/wp-content/themes/iuaes2015b/plus/seed/seed.eot);
src:url(//socanth.tu.ac.th/iuaes2015/wp-content/themes/iuaes2015b/plus/seed/seed.eot?#iefix) format("embedded-opentype"),
url(//socanth.tu.ac.th/iuaes2015/wp-content/themes/iuaes2015b/plus/seed/seed.woff) format("woff"),
url(//socanth.tu.ac.th/iuaes2015/wp-content/themes/iuaes2015b/plus/seed/seed.ttf) format("truetype"),
url(//socanth.tu.ac.th/iuaes2015/wp-content/themes/iuaes2015b/plus/seed/seed.svg#seed) format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
font-family: "seed" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "seed" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-search:before {
content: "\e001";
}
.icon-category:before {
content: "\e009";
}
.icon-tag:before {
content: "\e00a";
}
.icon-clock:before {
content: "\e002";
}
.icon-phone:before {
content: "\e004";
}
.icon-facebook:before {
content: "\e00b";
}
.icon-home:before {
content: "\e00d";
}
.icon-letter:before {
content: "\e00e";
}
.icon-pencil:before {
content: "\e00f";
}
.icon-rss:before {
content: "\e00c";
}
.icon-twitter:before {
content: "\e010";
}
.icon-youtube:before {
content: "\e011";
}
.icon-google-plus:before {
content: "\e012";
}
.icon-user:before {
content: "\e013";
}
.icon-users:before {
content: "\e014";
}
.icon-arrow-down:before {
content: "\e015";
}
.icon-arrow-left:before {
content: "\e016";
}
.icon-arrow-right:before {
content: "\e017";
}
.icon-arrow-up:before {
content: "\e018";
}
.icon-down:before {
content: "\e019";
}
.icon-left:before {
content: "\e01a";
}
.icon-right:before {
content: "\e01b";
}
.icon-up:before {
content: "\e01c";
}
.icon-contact:before {
content: "\e005";
}
.icon-play:before {
content: "\e006";
}
.icon-heart:before {
content: "\e007";
}
.icon-heart-outline:before {
content: "\e008";
}
.icon-calendar:before {
content: "\e000";
}
.icon-menu:before {
content: "\e003";
}
.icon-facebook-2:before {
content: "\e01d";
}
.icon-google-plus-2:before {
content: "\e01e";
}
.icon-instagram:before {
content: "\e01f";
}
.icon-pinterest-2:before {
content: "\e020";
}
.icon-pinterest:before {
content: "\e021";
}
body { -webkit-backface-visibility: hidden;}
body, input, textarea, select, button {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga", "kern";}
.clear:before,
.clear:after,
.group:before,
.group:after,
.clearfix:before,
.clearfix:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.row:before,
.row:after {
content: "";
display: table;
}
.clear:after,
.group:after,
.clearfix::after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.row:after  {
clear: both;
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.comments-area {
clear: both;
} button,input,select,textarea{font-size:100%;vertical-align:baseline;margin:0;}
button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-radius:3px;background:#e6e6e6;box-shadow:inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);color:rgba(0,0,0,.8);cursor:pointer;-webkit-appearance:button;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,0.8);border-color:#ccc #ccc #bbb;padding:8px 12px 6px;}
button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);border-color:#ccc #bbb #aaa;}
button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus,button:active,input[type=button]:active,input[type=reset]:active,input[type=submit]:active{box-shadow:inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);border-color:#aaa #bbb #bbb;}
input[type=checkbox],input[type=radio]{padding:0;}
input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],textarea{color:#666;border:1px solid #ccc;border-radius:3px;}
input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus{color:#111;}
input[type=text],input[type=email],input[type=url],input[type=password],input[type=search]{padding:7px 12px 5px;max-width: 100%;}
textarea{overflow:auto;padding-left:3px;vertical-align:top;width:100%;}
.screen-reader-text, #wpstats {position: absolute;left: -10000px;top: auto;width: 1px;height: 1px;overflow: hidden;}
.alignright {float: right;margin-left: 1em;}
.alignleft {float: left;margin-right: 1em;}
img {max-width:100%;height: auto;}
img.centered, .aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
img.alignright {display: inline;}
img.alignleft {display: inline;}
.wp-caption{margin-bottom:1.5em;max-width:100%;}
.wp-caption img[class*=wp-image-]{display:block;margin:0 auto;}
.wp-caption-text{text-align:center;}
.wp-caption .wp-caption-text{margin:.8075em 0;}
a,a:hover{text-decoration: none;}
p{margin: 0 0 1.5em;}
ul{padding: 0;margin-top: 0;}
li{list-style: none;}
h1,h2,h3,h4{line-height: 1.2em;margin: 0 0 0.8em;}
h1{font-size: 1.8em;}
h2{font-size: 1.6em;}
h3{font-size: 1.4em;}
h4{font-size: 1.2em;}
.sticky {display: block;}
.hentry ol {padding-left: 1.6em;text-indent: 0;margin: 0 0 1.5em;}
.hentry ul {padding-left: 1.2em;text-indent: 0;margin: 0 0 1.5em;}
.hentry ol li {margin: 0 0 0.5em;list-style-type: decimal;list-style-position: outside;}
.hentry ul li {margin: 0 0 0.5em;list-style-type: disc;list-style-position: outside;}
.hentry li ul, 
.hentry li ol {margin: 0.5em 0 0 1em;}
.hentry table {border: 1px solid #ddd;margin-bottom: 1.5em;}
.hentry table td,
.hentry table th {background-color: #fff;padding: 0.5em;border: 1px solid #ddd;}
.hentry table th {background-color: #eee;}
.byline, .updated:not(.published) {display: none;}
.bypostauthor {background-color: #f8f5e7;}
.single .byline, .group-blog .byline {display: inline;}
.page-content,.entry-content,.entry-summary {}
.page-links {clear: both;margin: 0 0 1.5em;}
.page-content img.wp-smiley,.entry-content img.wp-smiley,.comment-content img.wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0;}
embed,iframe,object{max-width:100%;}
.navigation {clear: both;}
.gallery{margin:0 -10px 1.5em;}
.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%;margin: 0;padding: 10px;}
.gallery-columns-2 .gallery-item{max-width:50%;}
.gallery-columns-3 .gallery-item{max-width:33.33%;}
.gallery-columns-4 .gallery-item{max-width:25%;}
.gallery-columns-5 .gallery-item{max-width:20%;}
.gallery-columns-6 .gallery-item{max-width:16.66%;}
.gallery-columns-7 .gallery-item{max-width:14.28%;}
.gallery-columns-8 .gallery-item{max-width:12.5%;}
.gallery-columns-9 .gallery-item{max-width:11.11%;}
.gallery-caption{display:block;}
.edit-link a{position:fixed;bottom:5px;left:5px;display:block;width:30px;height:30px;line-height:30px;border-radius:30px;background-color:rgba(0,0,0,.6);color:#fff;text-align:center;border:2px solid #fff;font-size:11px;overflow:hidden;z-index:999}
.fb-comments{clear: both;display: block;}
.fb-comments iframe,.fb-comments span{width: 100% !important;}
.widget {margin-bottom: 1.5em;}
.widget select {max-width: 100%;}
.search-field {max-width: 100%;box-sizing: border-box;}html {
background-color: #222;
}
body {
font: 16px/1.5em sans-serif;
color: #333;
background-color: #143842;
}
a{
color: #207972;	
}
a:hover {
opacity: 0.8;
}
a:active {
opacity: 0.6;
}
hr {
border: none;
border-top: 1px solid #ddd;
margin: 1em 0;
}
#page {
background-color: #fff;
}
.site-header {
background-color: #fff;
}
.site-branding {
}
.site-branding img{
margin: 30px 0 0;
}
.site-title {
margin: 20px 0 0;
font-size: 16px;
font-weight: normal;
}
.site-title a{
}
.site-description{
font-size: 22px;
font-weight: normal;
margin: 5px 0 3px;
font-weight: bold;
}
.site-branding p{
margin: 0 0 20px;
font-size: 14px;
color: #888;
}
.main-navigation {
font-size: 18px;
overflow: hidden;
}
.main-navigation ul{
margin: 0;
padding: 5px;
position: absolute;
left: 15px;
right: 15px;
background-color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
z-index: 999;
}
.main-navigation li {
display: block;
position: relative;
}
.main-navigation .icon-down{
font-size: 0.6em;
}
.main-navigation a {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #eee;
}
.main-navigation li:last-child a {
border: none;
}
.main-navigation li.menu-item-has-children {
position: relative;
}
.main-navigation .sub-menu {
display: none;
position: absolute;
width: 100%;
background-color: #fff;
font-size: 15px;
z-index: 999;
}
.main-navigation li:hover .sub-menu {
display: block;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.09);
}
.main-navigation .sub-menu a{
padding: 4px 10px;
border-bottom: 1px solid #f2f2f2;
}
.main-navigation .sub-menu li:last-child a{
border: none;
}
.main-navigation ul ul li {
display: block;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
font-weight: bold;
}
.main-navigation .nav-menu {
display: none;
}
.main-navigation.toggled .nav-menu {
display: block;
}
.menu-item-language img{
margin-right: 8px;
}
@media screen and (min-width: 768px) {
.menu-toggle {
display: none;
}
.main-navigation {
background: -webkit-linear-gradient(top, #248576 0%, #1c7076 100%) #1d7573;
background: -moz-linear-gradient(top, #248576 0%, #1c7076 100%) #1d7573;
background: -ms-linear-gradient(top, #248576 0%, #1c7076 100%) #1d7573;
background: linear-gradient(to bottom, #248576 0%, #1c7076 100%) #1d7573;
}
.main-navigation .nav-menu {
display: block;
}
.main-navigation .menu {
}
.main-navigation ul{
margin: 0;
padding: 0;
position: relative;
width: 100%;
background: none;
box-shadow: none;
-moz-box-shadow: none;
position: relative;
left: 0;
right: 0;
}
.main-navigation li {
display: inline-block;
}
.main-navigation a {
display: block;
padding: 10px 0;
margin: 0 25px 0 0;
border-bottom: none;
color: #fff;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 1px;
}
.menu-item-language a{
padding-right: 0;
padding-left: 0;
margin-left: 8px;
width: 18px;
overflow: hidden;
white-space: nowrap;
}
}
#content {
}
#primary {
}
.site-main {
min-height: 500px;
padding: 30px 0 20px;
}
body.single .post,
body.page .page,
.comments-area
{
}
.hentry {
}
.entry-header {
}
body.page-id-2 h1.entry-title {
display: none;
}
.msl {
margin-bottom: 25px;
}
body.single h1.entry-title,
body.page h1.entry-title  {
margin-bottom: 0;
text-transform: uppercase;
letter-spacing: 1px;
}
body.single .entry-meta {
}
.entry-meta {
}
.entry-meta a{
}
.entry-meta i{
}
.entry-meta .icon-user {
}
.entry-content {
}
.entry-content > div > hr{
margin: -15px 0 10px;
}
.entry-footer {
}
.navigation {
}
.nav-previous {
}
.nav-next {
}
.item {
}
.sticky .item .info a{
}
.item .pic{
}
.item .pic img{
}
.item .info {
}
.item h1 {
}
.item h1 a{
}
.entry-meta .byline,
.item .entry-content,
.item .entry-footer{
display: none;
}
.item .entry-meta{
}
.item .entry-meta a{
}
table.member { margin-bottom: 10px; }
table.member th { text-align: left; padding-right: 10px; }
#secondary.widget-area {
}
#colophon.site-footer {
font-size: 14px;
}
.site-footer {
background-color: #245960;
color: rgba(255, 255, 255, 0.58);
}
.site-footer a{
color: rgba(255, 255, 255, 0.8);
}
.site-footer-widgets {
}
.site-footer-widgets .widget-area {
}
.site-footer-widgets .widget {
padding: 15px 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
margin: 0;
vertical-align: top;
}
.site-footer-widgets .widget ul {
margin: 0;
}
.site-footer-widgets .widget-title {
font-size: 1.2em;
margin-bottom: 5px;
}
.site-footer-info{
display: none;
}
@media screen and (min-width: 768px) {
.site-footer-widgets {
padding: 20px 0;
}
.site-footer-widgets .widget-area {
display: table;
width: 100%;
table-layout: fixed;
}
.site-footer-widgets .widget {
display: table-cell;
padding: 15px;
border: none;
}
.site-footer-widgets .widget:nth-of-type(1) {
width: 30%;
padding-right: 40px;
}
.site-footer-widgets .widget:nth-of-type(2){
width: 50%;
}
.site-footer-widgets .widget:nth-of-type(3){
width: 20%;
}
}
@media (min-width:768px) {
.container{}
}
@media (min-width:992px){
.container{
width:990px;
}
.site-branding img{
margin: 30px 0 0;
}
}
@media (min-width:1200px){
.container{width:960px}
}.master-slider{
position: relative;
visibility: hidden;
-moz-transform: translate3d(0 , 0 , 0);
}
.ms-ie img{border:none;}
.ms-ie8 * {opacity:inherit;filter:inherit;}
.ms-ie7   {zoom:1;}
.ms-moz .ms-slide-bgcont>img { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
.master-slider a,
.master-slider a:hover {
-webkit-transition: none;
transition: none;
}
.wpb_row .master-slider-parent *,
.master-slider-parent * {
box-sizing: content-box;
}
.master-slider-parent {
margin-left: auto;
margin-right: auto;
}
.ms-layout-partialview .ms-view {
overflow: visible;
background-color:transparent;
}
.ms-layout-partialview .ms-container { overflow: hidden; }
.master-slider.before-init{}
.ms-loading-container{
position:absolute;
width:100%;
top:0;
}
.ms-loading-container .ms-loading,
.ms-slide .ms-slide-loading {
width: 36px;
height: 36px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/common/loading-2.gif) no-repeat center white;
border-radius: 60px;
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
position: absolute;
left: 50%;
top: 50%;
margin: -18px;
opacity: 0.9;
} .ms-def-cursor{cursor:auto !important;}
.ms-grab-cursor{cursor: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/common/grab.png), move;}
.ms-grabbing-cursor{cursor: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/common/grabbing.png), move;}
.ms-ie .ms-grab-cursor{cursor: move;}
.ms-ie .ms-grabbing-cursor {cursor: move;}
.ms-view {
margin:0px auto;
overflow:hidden;
position:relative;
-webkit-perspective: 2000px;
-ms-perspective: 2000px;
perspective: 2000px;
}
.ms-view .ms-slide-container{position:relative;}
.ms-slide {
position:absolute;
height:100%;
-webkit-transform: translateZ(0px);
-ms-transform: translateZ(0px);
transform: translateZ(0px);
}
.ms-wk .ms-slide {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ms-slide.selected {}
.ms-slide .ms-slide-bgcont,
.ms-slide .ms-slide-bgvideocont{
position: absolute;
overflow:hidden;
width: 100%;
}
.ms-slide .ms-slide-link {
display: block;
width: 100%;
height: 100%;
position: absolute;
top:0;
z-index: 110;
}
.ms-ie .ms-slide-link {
background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7) 0 0 repeat;
}
.ms-slide .ms-slide-bgvideocont{
z-index: 105;
height: 100%;
}
.ms-wk .ms-slide .ms-slide-bgvideocont,
.ms-wk .ms-slide-bgvideocont>video{
-webkit-transform: translateZ(0.3px);
transform: translateZ(0.3px);
}
.ms-slide .ms-slide-bgvideo{
position: absolute;
top: 0px;
}
.ms-inner-controls-cont, .ms-container {position: relative; margin:0 auto;}
.ms-slide .ms-slide-bgcont img , .ms-container , .ms-inner-controls-cont{
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}
.ms-slide .ms-slide-video{
position:absolute;
top:0;
z-index: 111;
background:black;
padding:0;
margin: 0;
border: none;
}
.ms-slide .ms-pattern{
background-attachment: scroll;
width: 100%;
height: 100%;
z-index: 108;
position: absolute;
top: 0;
}
.ms-wk .ms-pattern{
-webkit-transform: translateZ(0.4px);
transform: translateZ(0.4px);
}
.ms-slide .ms-slide-vpbtn , .ms-slide .ms-video-btn{
position:absolute;
cursor: pointer;
z-index: 110;
}
.ms-slide .ms-slide-vcbtn{
position:absolute;
cursor: pointer;
z-index: 113;
}
.ms-slide-vcbtn-mobile{
position: relative;
bottom: 0;
left:0;
width:100%;
height: 28px;
background-color: black;
color: white;
text-align: center;
cursor: pointer;
z-index: 113;
}
.ms-slide-vcbtn-mobile .ms-vcbtn-txt {
text-transform: uppercase;
font-family: sans-serif;
font-size: 0.75em;
display: inline-block;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/common/video-close-btn.png) no-repeat 0px 3px;
padding-left: 15px;
height: 15px;
color: #DBDBDB;
margin-top: 7px;
}
.ms-wk .ms-slide .ms-slide-vcbtn,
.ms-wk .ms-slide .ms-slide-layers,
.ms-wk .ms-slide .ms-slide-vpbtn,
.ms-wk .ms-slide .ms-slide-video,
.ms-wk .ms-slide-link {
-webkit-transform: translateZ(0.44px);
transform: translateZ(0.44px);
}
.ms-video-img{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}
.ms-mask-frame{
overflow:hidden;
position:absolute;
float:left;
} .ms-thumb-list{
overflow:hidden;
position:absolute;
}
.ms-thumb-list.ms-dir-h {width: 100%;}
.ms-thumb-list.ms-dir-v {height: 100%; top: 0;}
.ms-thumbs-cont{position: relative;}
.ms-thumb-frame img{width:100%;	height:auto;}
.ms-thumb-frame{
cursor: pointer;
float: left;
overflow: hidden;
opacity: 0.5;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
.ms-thumb-frame-selected{ opacity: 1; }
.ms-tabs .ms-thumb-frame {
background-color: #F6f6f6;
text-shadow: 0 1px 1px white;
color: #222;
border: solid 1px white;
border-width: 0 1px 1px 0;
overflow: visible;
position: relative;
opacity: 1;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.ms-tabs.ms-has-thumb .ms-tab-thumb{ width:auto; }
.ms-tabs.ms-dir-h .ms-thumb-frame {margin-top: 12px;}
.ms-tabs.ms-dir-v .ms-thumb-frame {margin-left: 12px;}
.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {margin-left: 0px;}
.ms-tabs.ms-dir-h.ms-align-top {z-index: 140;}
.ms-tabs.ms-dir-h.ms-align-top  .ms-thumb-frame{margin-top: -12px;}
.ms-tabs .ms-thumb{padding: 20px 20px;}
.ms-tabs .ms-thumb-frame-selected {	opacity: 1; background: #EDEDED;}
.ms-tabs .ms-thumb-frame .ms-thumb-ol {
position: absolute;
opacity: 0;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
top: 0px;
left: 50%;
margin-left: -12px;
border-bottom: solid 12px #F6f6f6;
border-left: solid 12px transparent;
border-right: solid 12px transparent;
}
.ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
top:-12px;
border-bottom-color: #EDEDED;
}
.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol {
bottom: 0px;
top:auto;
border-bottom:0px;
border-top: solid 12px #F6f6f6;
}
.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
bottom:-12px;
border-top-color: #EDEDED;
}
.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
top: 50%;
left: 0;
margin-top: -12px;
border-right: solid 12px #EDEDED;
border-top: solid 12px transparent;
border-bottom: solid 12px transparent;
}
.ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
left:-12px;
border-right-color:#EDEDED;
}
.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {
left: auto;
right: 0;
border-right: 0;
border-left: solid 12px #EDEDED;
}
.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol{
opacity: 1;
right:-12px;
border-left-color:#EDEDED;
}
.ms-thumb-alt {
text-align: center;
margin: 5px;
font-size: 14px;
font-weight: 600;
} .ms-thumb-list.ms-dir-h .ms-thumblist-fwd, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
height: 100%;
width: 20px;
position: absolute;
left: 0;
cursor: pointer;
background: rgba(128, 128, 128, 0.5);
text-align: center;
color: white;
}
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
right: 0;
left: auto;
}
.ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
content: close-quote;
top: 43%;
position: relative;
border: solid rgba(0, 0, 0, 0);
border-width: 5px 5px 5px 0px;
display: block;
border-right-color: #FFF;
width: 6px;
height: 1px;
}
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
border-width: 5px 0px 5px 5px;
border-left-color: #FFF;
left: 7px;
} .ms-thumb-list.ms-dir-v .ms-thumblist-fwd, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
width: 100%;
height: 20px;
position: absolute;
top: 0;
cursor: pointer;
background: rgba(128, 128, 128, 0.5);
text-align: center;
color: white;
}
.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
bottom: 0;
top: auto;
}
.ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
content: close-quote;
left: 43%;
position: relative;
border: solid rgba(0, 0, 0, 0);
border-width: 0px 5px 5px 5px;
display: block;
border-bottom-color: #FFF;
height: 1px;
top: 5px;
width: 0;
}
.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
border-width: 5px 5px 0px 5px;
border-top-color: #FFF;
top: 7px;
} .ms-tabs.ms-dir-v.ms-has-thumb .ms-thumbs-cont{ top:0 !important; }
.ms-tabs.ms-has-thumb .ms-thumb-frame{ height: auto !important; }
.ms-tabs.ms-has-thumb .ms-thumb{ padding:0; }
.ms-tabs.ms-has-thumb .ms-tab-context{ padding:20px; }
.ms-tabs.ms-align-left  .ms-tab-thumb{ float:left;  margin-right:20px; }
.ms-tabs.ms-align-right .ms-tab-thumb{ float:right; margin-left: 20px; }
.ms-bullet{cursor:pointer;float: left;}
.ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-bullets.ms-dir-v {
position: absolute;
top:50%;
}
.ms-bullets.ms-dir-v .ms-bullet{
float: none;
}
.ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-sbar {position: absolute;}
.ms-sbar.ms-dir-h {
left: 10px;
right: 10px;
top: 5px
}
.ms-sbar.ms-dir-v {
top: 10px;
bottom: 10px;
right: 5px
}
.ms-sbar .ms-bar {
height: 4px;
background: #333;
border-radius: 4px;
}
.ms-sbar.ms-dir-v .ms-bar {	width: 4px;}
.ms-sbar .ms-bar{
position:relative;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
.ms-timerbar {
width: 100%;
bottom: 0px;
position: absolute;
}
.ms-ctimer {
position: absolute;
top: 30px;
left: 30px;
cursor: pointer;
}
.ms-ctimer-bullet {}
.ms-time-bar{
-webkit-transition: width 120ms linear;
transition: width 120ms linear;
}
.ms-ie7 .ms-tooltip-arrow{
height:0px;
}
.ms-slide-info {position: absolute;}
.ms-slide-info.ms-dir-v {top:0;}
.ms-slide-info.ms-dir-h {width:100%;}
.ms-pattern.ms-patt-1  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYICA/wzoDGTwHyDAADXxAv4Eq8S5AAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-2  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYECA/wxogLAANoBdF0CAAQD+agT8l3ocpQAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-3  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNqU0EENAAAMwkD8m+4s7PhCCmHbGijxE0jS1HOOhxJSUhf9eAIMAI/CEe94Ny14AAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-4  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYGBg+M+ABfxHo3Fz/gMEGACtlgX7j8MuyAAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-5  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABNJREFUeNpiYECA/3CCAV0UIMAANfEC/mOKn1cAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-6  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+AClD4AAEGACn3Af/97SgJAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-7  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYMAE/+EEAy5Z0iUAAgwA/moE/KMl2lgAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-8  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAYAAAA4GpVBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+ACdDFAAIMADP0Af/w5VDVAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-9  {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJJREFUeNpiYGBg+M9AGQAIMABABAEA80yJjQAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-10 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYGBg+A/FcMDEQH0AEGAAxksCAb3vCDgAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-11 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABxJREFUeNpiZGBg+M+AChhBBBMDDkC6BOkAIMAAlXQBCO9f4icAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-12 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiYGBg+M8AATAaDnAKYEgQBgABBgB6/AT8h9ybfgAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-13 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB1JREFUeNpiYGBg+M+ABJig9H90AbggI7oWgAADAI5xBAIRYsxUAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-14 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiYGBg+M+AA9BSgkQBgAADAJIyB/kDCjAnAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-15 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB9JREFUeNpiYGBg+M9ABPhPjPh/YjT9J2AipiRAgAEAhjsH+Utd9Z4AAAAASUVORK5CYII=);} .ms-pattern.ms-patt-16 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFAQMAAABCXz8WAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjaGBwZFBiEGHgAAAHPwEAP8TPrwAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-17 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAIAQMAAAALP6d4AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABZJREFUCNdjaGBwYFBgEGDgAGIFBgcADegBabpJ4LsAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-18 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGA4wPCA4QMACtgDEQ8Bqx8AAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-19 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA9JREFUCNdjWMDgAMRAAAAKigGBlYsMggAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-20 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGAQMAAADaAn0LAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdj+ACFQAAAHgwDwds/+0oAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-21 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdjOACEYAAADAoBgRrgDF0AAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-22 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjaGAAAwADiACBhux1cwAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-23 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAIAQMAAAAC1AcCAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjaGAAAxgNAAsQAQHPxScOAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-24 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABAQMAAADZzn0AAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAApJREFUCNdj6AAAAIoAiVWdWYwAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-25 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdj4GBoYHBgUGAQAAAFggD5HRIFwAAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-26 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjUGBoYHAAAAJmAOF0EZC+AAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-27 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGAIYFBgCAAABcgBQeTzXGUAAAAASUVORK5CYII=);}
.ms-pattern.ms-patt-28 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAACBJREFUCNdjaGBgcHBgUGhgEGRg4GJgYAGRQDZQBCgOAC/KAvtspwwJAAAAAElFTkSuQmCC);}
.ms-pattern.ms-patt-29 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjUGBwYGhg4GAQAAAFkgD5MUFnfgAAAABJRU5ErkJggg==);}
.ms-pattern.ms-patt-30 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjcGBoYFAAAALmAOHcBT11AAAAAElFTkSuQmCC);} .ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn{
width: 50px;
height: 51px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-1.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
}
.ms-skin-default .ms-slide .ms-slide-vcbtn {
width: 30px;
height: 30px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-1.png) no-repeat -24px -28px;
top: 18px;
right: 30px;
} .ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev {
width: 30px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-1.png);
background-position: -89px -26px;
height: 40px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -20px;
position: absolute;
z-index: 110;
}
.ms-skin-default .ms-nav-next {
right: 30px;
left: auto;
background-position: -89px -103px;
}
.ms-skin-default .ms-bullet {
width: 10px;
height: 10px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-1.png) no-repeat;
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-default .ms-bullet-selected {
background-position: -34px -84px;
}
.ms-skin-default .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-default .ms-tooltip-point {cursor: pointer;}
.ms-skin-default .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-default .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-default .ms-tooltip {
max-width:200px;
}
.ms-skin-default .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
margin-left: -1px;
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn,
.ms-skin-default .ms-slide .ms-slide-vcbtn,
.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev,
.ms-skin-default .ms-bullet{
background-image:url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-1-retina.png);
background-size: 152px 225px;
}
} .ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-1 .ms-video-btn{
width: 54px;
height: 54px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/black-skin-1.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
}
.ms-skin-black-1 .ms-slide .ms-slide-vcbtn {
width: 27px;
height: 26px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/black-skin-1.png) no-repeat -24px -29px;
top: 30px;
right: 30px;
} .ms-skin-black-1 .ms-nav-next,
.ms-skin-black-1 .ms-nav-prev {
width: 53px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/black-skin-1.png);
background-position: -79px -19px;
height: 61px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -26px;
position: absolute;
z-index: 110;
}
.ms-skin-black-1 .ms-nav-next {
right: 30px;
left: auto;
background-position: -79px -97px;
}
.ms-skin-black-1 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-black-1 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-black-1 .ms-bullet {
width: 9px;
height: 9px;
background: white;
margin: 4px;
border: solid 1px rgb(58, 58, 58);
}
.ms-skin-black-1 .ms-bullet-selected {
background-color: black;
}
.ms-skin-black-1 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: white;
border-top-color: rgba(0, 0, 0, 0.8);
bottom: -10px;
}
.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: white;
border-bottom-color: rgba(0, 0, 0, 0.8);
top: -10px;
}
.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: white;
border-right-color: rgba(0, 0, 0, 0.8);
left: -10px;
}
.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: black;
border-left-color: rgba(0, 0, 0, 0.8);
right: -10px;
}
.ms-skin-black-1 .ms-tooltip-point {cursor: pointer;}
.ms-skin-black-1 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #444444;
background: black;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-black-1 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: white;
background: rgba(255, 255, 255, 0.9);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-black-1  .ms-tooltip {
max-width:200px;
}
.ms-skin-black-1 .ms-tooltip-cont {
padding: 10px;
background: black;
background: rgba(0, 0, 0, 0.8);
text-shadow: 0 1px 0px black;
color: white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-1 .ms-video-btn,
.ms-skin-black-1 .ms-slide .ms-slide-vcbtn,
.ms-skin-black-1 .ms-nav-next,
.ms-skin-black-1 .ms-nav-prev{
background-image:url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/black-skin-1-retina.png);
background-size: 152px 225px;
}
} .ms-skin-minimal .ms-slide .ms-slide-vpbtn,
.ms-skin-minimal .ms-video-btn{
width: 55px;
height: 55px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/minimal.svg) no-repeat 24px 18px white;
border: solid 1px #3d3d3d;
border-radius: 50%;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
-webkit-transition: background-color 300ms;
transition: background-color 300ms;
}
.ms-skin-minimal .ms-slide .ms-slide-vcbtn:hover,
.ms-skin-minimal .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-minimal .ms-video-btn:hover {
background-color: #f1f1f1;
}
.ms-skin-minimal .ms-slide .ms-slide-vcbtn {
width: 31px;
height: 31px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/minimal.svg) no-repeat -289px 6px white;
border-radius: 50%;
border: solid 1px #3d3d3d;
top: 18px;
right: 30px;
-webkit-transition: background-color 300ms;
transition: background-color 300ms;
} .ms-skin-minimal .ms-nav-next,
.ms-skin-minimal .ms-nav-prev {
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/minimal.svg) no-repeat white;
background-position: -178px 17px;
border: solid 1px #3d3d3d;
border-radius: 50%;
height: 55px;
width: 55px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -27px;
position: absolute;
z-index: 110;
-webkit-transition: background-color 300ms;
transition: background-color 300ms;
}
.ms-skin-minimal .ms-nav-next:hover,
.ms-skin-minimal .ms-nav-prev:hover{
background-color: #f1f1f1;
}
.ms-skin-minimal .ms-nav-next {
right: 30px;
left: auto;
background-position: -75px 17px;
}
.ms-skin-minimal .ms-bullet {
width: 8px;
height: 8px;
background: white;
border: solid 1px #3d3d3d;
border-radius: 50%;
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-minimal .ms-bullet-selected {
background: #3d3d3d;
}
.ms-skin-minimal .ms-time-bar {
height: 3px;
background: #FFFFFF;
border-top: solid 1px rgba(0, 0, 0, 0.41);
}
.ms-skin-minimal .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-minimal .ms-tooltip-point {cursor: pointer;}
.ms-skin-minimal .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-minimal .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-minimal .ms-tooltip {
max-width:200px;
}
.ms-skin-minimal .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
margin-left: -1px;
} .ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2 .ms-video-btn{
width: 45px;
height: 45px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/black-skin-2.png) black no-repeat -16px -103px;
border: solid 3px rgb(255, 255, 255);
border-color: rgba(255, 255, 255, 0.4);
-webkit-background-clip: padding-box;
top: 50%;
left: 50%;
margin: -23px 0 0 -23px;
}
.ms-skin-black-2 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-black-2 .ms-video-btn:hover{
background-color: #3D3D3D;
}
.ms-skin-black-2 .ms-slide .ms-slide-vcbtn {
width: 25px;
height: 25px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/black-skin-2.png) black no-repeat -27px -36px;
border: solid 2px white;
border-color: rgba(255, 255, 255, 0.4);
top: 15px;
right: 15px;
}
.ms-skin-black-2.round-skin .ms-slide .ms-slide-vcbtn{
border-radius: 50px;
} .ms-skin-black-2 .ms-nav-next,
.ms-skin-black-2 .ms-nav-prev {
position: absolute;
cursor: pointer;
z-index: 110;
width: 45px;
height: 45px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/black-skin-2.png) black;
background-clip: padding-box;
background-position: -88px -26px;
border: solid 3px rgb(255, 255, 255);
border-color: rgba(255, 255, 255, 0.4);
top: 50%;
left: 30px;
margin-top: -22px;
}
.ms-skin-black-2.round-skin .ms-nav-next,
.ms-skin-black-2.round-skin .ms-nav-prev,
.ms-skin-black-2.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2.round-skin .ms-video-btn{
border-radius: 90px;
}
.ms-skin-black-2 .ms-nav-next:hover,
.ms-skin-black-2 .ms-nav-prev:hover{
background-color: #3d3d3d;
}
.ms-skin-black-2 .ms-nav-next {
right: 30px;
left: auto;
background-position: -86px -103px;
}
.ms-skin-black-2 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-black-2 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-black-2 .ms-bullet {
width: 8px;
height: 8px;
background: white;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
-ms-background-clip: padding-box;
border: solid 3px white;
border-color: rgba(0, 0, 0, 0.44);
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-black-2.round-skin .ms-bullet{
border-radius: 15px;
}
.ms-skin-black-2 .ms-bullet-selected {
background-color: black;
border-color: white;
border-color: rgba(255, 255, 255, 0.44);
}
.ms-skin-black-2 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-black-2 .ms-tooltip-point {cursor: pointer;}
.ms-skin-black-2 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-black-2 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-ie7.ms-skin-black-2 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-black-2 .ms-tooltip-point .ms-point-border{
display: none;
}
.ms-skin-black-2  .ms-tooltip {
max-width:200px;
}
.ms-skin-black-2 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2 .ms-video-btn,
.ms-skin-black-2 .ms-slide .ms-slide-vcbtn,
.ms-skin-black-2 .ms-nav-next,
.ms-skin-black-2 .ms-nav-prev{
background-image:url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/black-skin-2-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-2 .ms-video-btn{
width: 54px;
height: 54px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-2.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
}
.ms-skin-light-2 .ms-slide .ms-slide-vcbtn {
width: 27px;
height: 26px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-2.png) no-repeat -24px -29px;
top: 30px;
right: 30px;
} .ms-skin-light-2 .ms-nav-next,
.ms-skin-light-2 .ms-nav-prev {
width: 53px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-2.png);
background-position: -79px -19px;
height: 61px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -26px;
position: absolute;
z-index: 110;
}
.ms-skin-light-2 .ms-nav-next {
right: 30px;
left: auto;
background-position: -79px -97px;
}
.ms-skin-light-2 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-2 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-2 .ms-bullet {
width: 9px;
height: 9px;
background: black;
margin: 4px;
border: solid 1px rgb(58, 58, 58);
}
.ms-skin-light-2 .ms-bullet-selected {
background-color: white;
}
.ms-skin-light-2 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-2 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-2 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-2 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-light-2  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-2 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-2 .ms-video-btn,
.ms-skin-light-2 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-2 .ms-nav-next,
.ms-skin-light-2 .ms-nav-prev{
background-image:url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-2-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-3 .ms-video-btn{
width: 50px;
height: 50px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-3.png) no-repeat -15px -149px;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
}
.ms-skin-light-3 .ms-slide .ms-slide-vcbtn {
width: 31px;
height: 29px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-3.png) no-repeat -26px -28px;
top: 30px;
right: 30px;
} .ms-skin-light-3 .ms-nav-next,
.ms-skin-light-3 .ms-nav-prev {
width: 50px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-3.png);
background-position: -82px -22px;
height: 50px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -25px;
position: absolute;
z-index: 110;
}
.ms-skin-light-3 .ms-nav-next {
right: 30px;
left: auto;
background-position: -81px -99px;
}
.ms-skin-light-3 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-3 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-3 .ms-bullet {
width: 16px;
height: 16px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-3.png) no-repeat;
background-position: -31px -114px;
margin: 4px;
}
.ms-skin-light-3 .ms-bullet-selected {
background-position: -31px -81px;
}
.ms-skin-light-3 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-3 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-3 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-3 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-light-3  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-3 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-3 .ms-video-btn,
.ms-skin-light-3 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-3 .ms-nav-next,
.ms-skin-light-3 .ms-nav-prev,
.ms-skin-light-3 .ms-bullet{
background-image:url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-3-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-4 .ms-video-btn{
width: 54px;
height: 54px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-4.png) no-repeat -14px -150px;
top: 50%;
left: 50%;
margin: -27px 0 0 -27px;
}
.ms-skin-light-4 .ms-slide .ms-slide-vcbtn {
width: 27px;
height: 26px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-4.png) no-repeat -24px -29px;
top: 30px;
right: 30px;
} .ms-skin-light-4 .ms-nav-next,
.ms-skin-light-4 .ms-nav-prev {
width: 54px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-4.png);
background-position: -77px -5px;
height: 68px;
cursor: pointer;
top: 50%;
left: -27px;
margin-top: -40px;
position: absolute;
z-index: 110;
}
.ms-skin-light-4 .ms-nav-next {
right: -27px;
left: auto;
background-position: -79px -83px;
}
.ms-skin-light-4 .ms-thumb-frame-selected {
opacity: 0.6;
}
.ms-skin-light-4 .ms-thumb-list.ms-dir-h {
bottom: -60px;
width: 100%;
height: 60px;
}
.ms-skin-light-4 .ms-thumb-list.ms-dir-v {
height: 100%;
width: 60px;
right: -60px;
top: 0;
}
.ms-skin-light-4 .ms-thumb-frame {
cursor: pointer;
float: left;
width: 60px;
height: 60px;
margin: 1px 0 0 1px;
overflow: hidden;
}
.ms-skin-light-4 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-4 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-4 .ms-bullet {
width: 9px;
height: 9px;
background: #b9b9b9;
margin: 4px;
border: solid 1px rgb(163, 163, 163);
}
.ms-skin-light-4 .ms-bullet-selected {
background-color: white;
}
.ms-skin-light-4 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: white;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-4 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-4 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #E0E0E0;
background: #4b8aac;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-4 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: white;
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-light-4  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-4 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-4 .ms-video-btn,
.ms-skin-light-4 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-4 .ms-nav-next,
.ms-skin-light-4 .ms-nav-prev{
background-image:url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-4-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-5 .ms-video-btn{
width: 32px;
height: 32px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-5.png) black no-repeat -24px -160px;
top: 50%;
left: 50%;
margin: -18px 0 0 -18px;
}
.ms-skin-light-5 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-light-5 .ms-video-btn:hover{
background-color:#646464;
}
.ms-skin-light-5 .ms-slide .ms-slide-vcbtn {
width: 30px;
height: 30px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-5.png) white no-repeat -24px -28px;
top: 18px;
right: 30px;
} .ms-skin-light-5 .ms-nav-next,
.ms-skin-light-5 .ms-nav-prev {
width: 32px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-5.png) white;
background-position: -94px -32px;
height: 32px;
cursor: pointer;
bottom: 40px;
left: 40px;
margin-top: -20px;
position: absolute;
z-index: 110;
}
.ms-skin-light-5 .ms-nav-next:hover,
.ms-skin-light-5 .ms-nav-prev:hover{
background-color:#E0E0E0;
}
.ms-skin-light-5 .ms-nav-next {
left: 73px;
background-position: -93px -110px;
}
.ms-skin-light-5 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-5 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-5 .ms-bullet {
width: 10px;
height: 10px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-5.png) no-repeat;
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-light-5 .ms-bullet-selected {
background-position: -34px -84px;
}
.ms-skin-light-5 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-5 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-5 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-5 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
} .ms-android.ms-skin-light-5 .ms-tooltip-point .ms-point-border{
animation:none;
-moz-animation:none;
-webkit-animation:none;
-o-animation:none;
}
.ms-ie7.ms-skin-light-5 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-5 .ms-tooltip-point .ms-point-border{
display: none;
}
.ms-skin-light-5  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-5 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-5 .ms-video-btn,
.ms-skin-light-5 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-5 .ms-nav-next,
.ms-skin-light-5 .ms-nav-prev{
background-image:url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-5-retina.png);
background-size: 152px 225px;
}
} .ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6 .ms-video-btn{
width: 45px;
height: 45px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-6.png) white no-repeat -16px -103px;
border: solid 3px rgb(112, 112, 112);  border-color: rgba(0, 0, 0, 0.27);
-webkit-background-clip: padding-box;
top: 50%;
left: 50%;
margin: -23px 0 0 -23px;
}
.ms-skin-light-6 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-light-6 .ms-video-btn:hover{
background-color:#E0E0E0;
}
.ms-skin-light-6 .ms-slide .ms-slide-vcbtn {
width: 25px;
height: 25px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-6.png) white no-repeat -27px -36px;
top: 15px;
right: 15px;
}
.ms-skin-light-6.round-skin .ms-slide .ms-slide-vcbtn{
border-radius: 30px;
} .ms-skin-light-6 .ms-nav-next,
.ms-skin-light-6 .ms-nav-prev {
position: absolute;
cursor: pointer;
z-index: 110;
width: 45px;
height: 45px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-6.png) white;
background-clip: padding-box;
background-position: -88px -26px;
border: solid 3px rgb(112, 112, 112);
border-color: rgba(0, 0, 0, 0.27);
top: 50%;
left: 30px;
margin-top: -22px;
}
.ms-skin-light-6.round-skin .ms-nav-next,
.ms-skin-light-6.round-skin .ms-nav-prev,
.ms-skin-light-6.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6.round-skin .ms-video-btn{
border-radius: 90px;
}
.ms-skin-light-6 .ms-nav-next:hover,
.ms-skin-light-6 .ms-nav-prev:hover{
background-color:#E0E0E0;
}
.ms-skin-light-6 .ms-nav-next {
right: 30px;
left: auto;
background-position: -86px -103px;
}
.ms-skin-light-6 .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-light-6 .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-light-6 .ms-bullet {
width: 8px;
height: 8px;
background: black;
-webkit-background-clip: padding-box;
border: solid 3px white;
border-color: rgba(255, 255, 255, 0.44);
margin: 4px;
background-position: -34px -117px;
}
.ms-skin-light-6.round-skin .ms-bullet{
border-radius: 15px;
}
.ms-skin-light-6 .ms-bullet-selected {
background-color: white;
border-color: black;
border-color: rgba(0, 0, 0, 0.44);
}
.ms-skin-light-6 .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-light-6 .ms-tooltip-point {cursor: pointer;}
.ms-skin-light-6 .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-light-6 .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-ie7.ms-skin-light-6 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-6 .ms-tooltip-point .ms-point-border{
display: none;
}
.ms-skin-light-6  .ms-tooltip {
max-width:200px;
}
.ms-skin-light-6 .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6 .ms-video-btn,
.ms-skin-light-6 .ms-slide .ms-slide-vcbtn,
.ms-skin-light-6 .ms-nav-next,
.ms-skin-light-6 .ms-nav-prev{
background-image:url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/light-skin-6-retina.png);
background-size: 152px 225px;
}
} .ms-skin-metro .ms-slide .ms-slide-vpbtn,
.ms-skin-metro .ms-video-btn{
width: 47px;
height: 46px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/metro-skin.png) no-repeat -16px -152px;
top: 50%;
left: 50%;
margin: -22px 0 0 -24px;
}
.ms-skin-metro .ms-slide .ms-slide-vcbtn {
width: 47px;
height: 47px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/metro-skin.png) no-repeat -16px -19px;
top: 15px;
right: 15px;
} .ms-skin-metro .ms-nav-next,
.ms-skin-metro .ms-nav-prev {
width: 47px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/metro-skin.png);
background-position: -83px -23px;
height: 47px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -24px;
position: absolute;
z-index: 110;
}
.ms-skin-metro .ms-nav-next {
right: 30px;
left: auto;
background-position: -81px -100px;
}
.ms-skin-metro .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-metro .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-metro .ms-bullet {
width: 16px;
height: 16px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/metro-skin.png) no-repeat;
background-position: -31px -114px;
margin: 4px;
}
.ms-skin-metro .ms-bullet-selected {
background-position: -31px -81px;
}
.ms-skin-metro .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: silver;
border-top-color: rgba(240, 240, 240, 0.88);
bottom: -10px;
}
.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: silver;
border-bottom-color: rgba(240, 240, 240, 0.88);
top: -10px;
}
.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: silver;
border-right-color: rgba(240, 240, 240, 0.88);
left: -10px;
}
.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: silver;
border-left-color: rgba(240, 240, 240, 0.88);
right: -10px;
}
.ms-skin-metro .ms-tooltip-point {cursor: pointer;}
.ms-skin-metro .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #BBB;
background: white;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-metro .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: black;
background:rgba(0, 0, 0, 0.36);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-metro .ms-tooltip {
max-width:200px;
}
.ms-skin-metro .ms-tooltip-cont {
padding: 10px;
background: silver;
background: rgba(240, 240, 240, 0.88);
text-shadow: 0 1px 0px white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-metro .ms-slide .ms-slide-vpbtn,
.ms-skin-metro .ms-video-btn,
.ms-skin-metro .ms-slide .ms-slide-vcbtn,
.ms-skin-metro .ms-nav-next,
.ms-skin-metro .ms-nav-prev,
.ms-skin-metro .ms-bullet{
background-image:url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/metro-skin-retina.png);
background-size: 152px 225px;
}
} .ms-skin-contrast .ms-slide .ms-slide-vpbtn,
.ms-skin-contrast .ms-video-btn{
width: 60px;
height: 60px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/contrast-skin.png) no-repeat -10px -144px;
top: 50%;
left: 50%;
margin: -30px 0 0 -30px;
}
.ms-skin-contrast .ms-slide .ms-slide-vcbtn {
width: 24px;
height: 24px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/contrast-skin.png) no-repeat -27px -30px;
top: 30px;
right: 30px;
} .ms-skin-contrast .ms-nav-next,
.ms-skin-contrast .ms-nav-prev {
width: 60px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/contrast-skin.png);
background-position: -76px -17px;
height: 60px;
cursor: pointer;
top: 50%;
left: 30px;
margin-top: -30px;
position: absolute;
z-index: 110;
}
.ms-skin-contrast .ms-nav-next {
right: 30px;
left: auto;
background-position: -77px -91px;
}
.ms-skin-contrast .ms-bullets.ms-dir-h {
position: absolute;
bottom: 20px;
right: 50%;
width: 100px;
}
.ms-skin-contrast .ms-bullets.ms-dir-h .ms-bullets-count {
position: relative;
right: -50%;
}
.ms-skin-contrast .ms-bullet {
width: 16px;
height: 16px;
background: url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/contrast-skin.png) no-repeat;
background-position: -31px -114px;
margin: 4px;
}
.ms-skin-contrast .ms-bullet-selected {
background-position: -31px -81px;
}
.ms-skin-contrast .ms-tooltip{
position: absolute;
z-index: 210;
cursor: auto;
}
.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow{
border-left: solid 10px transparent;
border-right: solid 10px transparent;
position: absolute;
left: 50%;
margin-left: -10px;
}
.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow{
border-top: solid 10px;
border-top-color: #fc3116;
border-top-color: rgba(252, 49, 22, 0.8);
bottom: -10px;
}
.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow {
border-bottom: solid 10px;
border-bottom-color: #fc3116;
border-bottom-color: rgba(252, 49, 22, 0.8);
top: -10px;
}
.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow{
border-top: solid 10px transparent;
border-bottom: solid 10px transparent;
position: absolute;
top: 50%;
margin-top: -10px;
}
.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow{
border-right: solid 10px;
border-right-color: #fc3116;
border-right-color: rgba(252, 49, 22, 0.8);
left: -10px;
}
.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow {
border-left: solid 10px;
border-left-color: #fc3116;
border-left-color: rgba(252, 49, 22, 0.8);
right: -10px;
}
.ms-skin-contrast .ms-tooltip-point {cursor: pointer;}
.ms-skin-contrast .ms-tooltip-point .ms-point-center {
width: 12px;
height: 12px;
border-radius: 15px;
border: solid 2px #636363;
background: black;
margin: -8px 0 0 -8px;
position: absolute;
z-index: 105;
}
.ms-skin-contrast .ms-tooltip-point .ms-point-border {
width: 22px;
height: 22px;
background: white;
background: rgba(255, 255, 255, 0.99);
margin: -11px 0 0 -11px;
position: absolute;
border-radius: 15px;
animation: ms-point-anim 1.5s infinite ;
-moz-animation: ms-point-anim 1.5s infinite;
-webkit-animation: ms-point-anim 1.5s infinite;
-o-animation: ms-point-anim 1.5s infinite;
}
.ms-skin-contrast  .ms-tooltip {
max-width:200px;
}
.ms-skin-contrast .ms-tooltip-cont {
padding: 10px;
background: #fc3116;
background: rgba(252, 49, 22, 0.8);
text-shadow: 0 1px 0px rgba(0, 0, 0, 0.4);
color: white;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
} @media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
.ms-skin-contrast .ms-slide .ms-slide-vpbtn,
.ms-skin-contrast .ms-video-btn,
.ms-skin-contrast .ms-slide .ms-slide-vcbtn,
.ms-skin-contrast .ms-nav-next,
.ms-skin-contrast .ms-nav-prev,
.ms-skin-contrast .ms-bullet{
background-image:url(//socanth.tu.ac.th/iuaes2015/wp-content/plugins/master-slider/public/assets/css/skins/contrast-skin-retina.png);
background-size: 152px 225px;
}
}.ms-parent-id-1 > .master-slider{ background:#ffffff; }