/******************************************  
 CUSTOM STYLESHEET
*******************************************/

/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here
* because this file won't be replaced during updates.
* 
* Simply copy an existing style from style.css to this file, 
* and modify it to your liking.
A*/
#language-switcher {
	display: inline;
	float: right;
	margin: 0 0 20px;
	position: relative;
	z-index: 2;
}

#language-switcher .language-switcher li {
	display: inline;
	float: left;
	margin: 0 0 0 15px;
} 

#language-switcher a {
	color: #fff;
}

#language-switcher a:hover,
#language-switcher a:focus {
	color: #edc951;
}

#header-search {
    width: 200px;
    float: right;
    margin:0;
    text-align:right;
}
#header-search input#s{
    width: 90px;
    display:inline-block;
    margin: 6px 0px 0px 0px;
}
#header-search input#searchsubmit{
    display:inline-block;
    width : 86px;
    vertical-align:bottom;
}
#header-search .widget{
    margin-bottom:0;
}

#menu-main-menu i {
    padding-top:2px;
}
#content .title-widget-special {
    border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
}
body.lang-tw #site-navigation li,
body.lang-zh #site-navigation li {
    font-size:15px;
}
.academia-share-button{
    max-width:80px;
}
#flag-navigation {
    background-color: #A4CE8E;
	border-top: solid 3px #edc951;
	padding: 0;
}
#flag-navigation tr{
    display: table-cell;
    border-bottom: 0px;
}
#flag-navigation .desktop{
    display:table;
}
#flag-navigation .mobile{
    display:none;
}
#text-3 div.textwidget {
    text-align: center;
}
#flag-navigation td {
    border-bottom: 0px; 
}
.title-special a:hover {
    color: white;
}
#text-2 a {
    font-family: 'Open Sans', Arial, Tahoma, sans-serif;
    font-weight: 600;
}
#menu-main-menu li {
    max-width: 125px;
}
/*especailly custom by oscar*/
li#menu-item-5906 {
   margin: 0;
}
#text-3 {
   margin-bottom: 0px;
}
#text-4 table tr {
    display: table-cell;
    padding-right: 0;
    width: 170;
} 
#text-4 table tr td img {
    width: 28px;
}
#language-switcher a {
    color:#4B9524;
}
div#header-main, #flag-navigation {
    background-color: white;
}
#header-main-shadow-bottom {
    display: none;
}
#text-4 .textwidget td.link_eng:lang(en-US) {
    display:table-cell !important;
}
#text-4 .textwidget td.link_tw:lang(zh-TW) {
    display:table-cell !important;
}
#text-4 .textwidget td.link_zh:lang(zh-CN) {
    display:table-cell !important;
}
#text-4 .textwidget td.link_pt:lang(pt-PT) {
    display:table-cell !important;
}
#text-4 .textwidget tr, #text-4 .textwidget td {
    padding-right: 0px;
}
#text-4 .textwidget td {
    padding: 0 0.8em;
}

/*carousel*/
.active .buttons {
  padding: 5px 0;
  background: transparent;
  text-align: center;
  z-index: 10;
  position: relative;
}
.carouselbox button {
  border: none;
  display: none;
  
}
.active button.next {
  display: block;
  display: block;
  float: right;
  width: 50%;
  background-color: #666666;
  color: white;
} 
.active button.prev {
  display: block;
  display: block;
  float: left;
  width: 50%;
  background-color: #666666;
  color: white;
} 
.offscreen {
  position: absolute;
  left: -2000px;
}
.active li {
  position: absolute;
  top: 130px;
  opacity: 0;
  transform: scale(0);
  transition: 1s;
  list-style-type: none;
  display: none;
}
.active li.current {
  top: 0px;
  opacity: 1;
  transform: scale(1);
  -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
  position: relative;
  display: block;
}

/* Tablet size */
@media screen and (max-width: 991px) {
        #menu-main-menu {
		display: none;
		}
	#selectnav1 {
		border: solid 1px #aaa;
		display: block;
		font-size: 12px;
		padding: 4px;
                margin: 0 auto;
                width: 169px;
		}
         #language-switcher ul li {
                display: inline;
                margin-right: 5px;
                }
      #language-switcher {
                display:block;
                float: none;
                margin: 5px auto;
                width: 220px;
                }
      #header-search {
                margin: 0px auto;
                float: none;
                display: block;
                width: 200px;
                }
}
@media screen and (max-width: 768px) {
        #menu-main-menu {
		display: none;
		}
	#selectnav1 {
		border: solid 1px #aaa;
		display: block;
		font-size: 12px;
		padding: 4px;
                margin: 0 auto;
                width: 169px;
		}
       div#flag-navigation table tr td>a>img {
                width: 75px; 
                text-align: center; 
		}
      #header-search {
                margin: 0px auto;
                float: none;
                display: block;
                width: 200px;
                }
     #flag-navigation .desktop{
        	display:none;
	}
     #flag-navigation .mobile{
    		display:table;
	}
	
      div#flag-navigation table tr {
                display: block;
                }
      #language-switcher ul li {
                display: inline;
                margin-right: 5px;
                }
      #language-switcher {
                display:block;
                float: none;
                margin: 5px auto;
                width: 220px;
                }
      #text-3 h3 {
                font-size: 19px !important; 
                }
      #text-4 table {
		/*width: 130px;*/
		width: 100%;
                max-width: 250px;
                margin: 0 auto;
               }
      #text-4 table tr {
                display: block;
                padding-right: 0;
	        }	
}
         
/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 640px) {
    #language-switcher {
        display: block;
        float: none;
        margin-bottom: 0;
    }
    #language-switcher .ppqtrans_language_chooser{
        text-align: center;
    }
    #language-switcher .ppqtrans_language_chooser li {
        display: inline-block;
        float: none;
        line-height: 24px;
        margin: 0 4px;
    
	
      #header-search {
                margin: 0px auto;
                float: none;
                display: block;
                width: 200px;
                }
    
	.academia-column-5col {
                margin:0 auto;
		max-width: 280px;
                   }
       #selectnav1 {
		border: solid 1px #aaa;
		display: block;
		font-size: 12px;
		padding: 4px;
                margin: 0 auto;
                width: 169px;
		}
        div#flag-navigation table tr td>a>img {
                width: 60px; 
                text-align: center; 
		}
}
@media screen and (max-width: 480px) {
        div#flag-navigation table tr td>a>img {
                width: 60px; 
                text-align: center; 
		}
         #language-switcher {
                width: 233px;
                }
         
         #footer-copy td img{
                width: 55px;
                }
               
}

/*pop-up custom css*/
    #home-popup{
      position:absolute;
      display:hidden;
      top:160px;
      left:50%;
      width:500px;
      height:auto;
      margin-left:-250px;
      background-color:white;
      z-index:6;
      padding:20px;
      border:solid 5px #333333;
      border-radius:5px;
    }
    #home-popup a{
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:12px;
      color:#666666;
      margin:0;
      padding:5px;
      text-align:right;
      float:right;
    }
    #home-overlay-back {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #000;
      opacity: 0.6;
      filter: alpha(opacity=60);
      z-index: 5;
      display: none
    }
    .close-image{
      display: block;
      float:right;
      position:relative;
      top:-15px;
      right: -15px;
      height: 20px;
    }