*{
    -webkit-touch-callout: none; /*系統預設選單被禁用*/
    -webkit-user-select: none; /*webkit瀏覽器*/
    -khtml-user-select: none; /*早期瀏覽器*/
    -moz-user-select: none; /*火狐*/
    -ms-user-select: none; /*IE10*/
    user-select: none;
}
body, html
{
    font-family: Arial, Helvetica, sans-serif;
}
.notavailable {
    text-align: center;
    margin-top: 50px;
}
p {
    margin: 0;
    line-height: 20px;
    letter-spacing: 1px;
}
.g_top,.g_main{  
    -webkit-box-sizing: border-box;;
    -moz-box-sizing: border-box;
    box-sizing: border-box;   
    margin: 0 auto; 
    list-style-type: none;    
    padding:0;
}
.topbox{
}
.libox{
    width:100%;
    padding:0;
    float:left;
}
.answer {
    cursor: crosshair; 
}
.li_right {
    display: none;
}
.lrbox{
    -webkit-box-sizing: border-box;;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin:10px; 
}
.g_left {
    border: 1px solid #E29E93;
}
.left_top{
    text-align:center;
    height:55px;
    padding: 5px;
    background-color: #E29E93;
    border: 1px solid #E29E93;
    overflow:hidden;
    position:relative;
}
.blu .g_left
{
    border: 1px solid #3399FF;
}
.blu .left_top
{
    background-color: #3399FF;
    border: 1px solid #3399FF;
}
.left_top .etno_tel
{
    margin: 0 0 0 15px;
    vertical-align: middle;
    line-height: 55px;
    position: absolute;
    left: 0;
    font-size: 2vw;
}
.left_top>label
{
    position:relative;
}
.left_top .top_right_button{
   margin-right:15px;
   margin-top:1px;
   position:absolute;
   right:0;
}
.left_top .top_right_button a {
    font-size: 12pt;
    text-decoration: none;
    color: #000000;
    padding: 2px 0;
    display:inline-block;
}
.left_top .top_right_button a:hover {
    text-decoration: underline;
}
.mod_1 .left_top .top_right_button a
{
    line-height: 55px;
    vertical-align: middle;
    font-size: 1.5em;
}
.right_top {
    height:55px;
    padding: 5px;
    font-size: 1.5em;
    text-align: center;
    position:relative;
}
.right_top h2{
    text-align: center;
    margin:0;
    vertical-align: middle;
    line-height: 55px;
}
.right_top span {
    float: right;
    margin-right: 10px;
    margin-top:10px;
}
.right_top span a{
    font-size: 16pt;
    color: #FFFFFF;
    text-decoration: none;
}
.right_top span a:before {
    font-family: "fontello";
    content: '\e831';
} 
.ak{
    border: 1px solid #3399FF;
}
.ak .right_top{
    background-color: #3399FF;
}
.mg{
    border: 1px solid #EDBC7A;
}
.mg .right_top{
    background-color: #EDBC7A;
}
.mg .spec img{
}
.mainbox {
    position: relative;
}
.spec {
    position: relative;
}
.spec img{
    width:100%;  
    max-width:100%;
}
.sr_spec{
   text-align:center;   
}
.sr_spec img{
    max-height:100%;
    width:auto;
    max-width:100%;
}
.sr_b .mainbox,.sr_b .g_left{
    border: 1px solid #3399FF;
}
.sr_b .left_top{
    background-color: #3399FF;
    border: 1px solid #3399FF;
}
.ans-wer {
    padding: 0.5em;
    cursor: move;
    position: absolute;
    text-align: center;
    height: auto;
}
.ans-wer img{
    width:100%;  
    max-width:100%;
}
.ans-wer a:before{
  font-family: "fontello";
  content: '\e831'; 
} 
.ans-wer a {
    color: #FF0000;
    float: right;
    visibility: hidden;
    text-decoration: none;
}
.clearall:before{
  font-family: "fontello";
  content: '\e831'; 
}
.clearall {
    position:absolute;
    z-index: 99;
    margin: 10px;
    text-decoration: none;
    color: #FF0000;
    font-size: 14pt;
    display: none;
    right:0;
}
.right_main {
    overflow:hidden;
} 
.right_main img
{
}
.notavailable
{
    height: 200px;
    line-height: 200px;
    vertical-align: middle;
    text-align: center;
    font-size: 24pt;
    font-weight: bold;
}
.notavailable input
{
    font-size: 14pt;
    font-weight: bold;
    cursor: pointer;
}
.etno_tel_2
{
    position: absolute;
    width: 100%;
    top: 24vw;
    font-size: 3vw;
    text-align: center;
}
.mod_1 .sr_spec h1
{
    font-size: 2.5em;
}
.g_main
{
    overflow: hidden;
}
.winsmall div.maudio .audio-control .progress-bar
{
    width:50px; 
}
.winsmall .left_top .etno_tel
{
    font-size: 18pt;
    width:180px;
    text-align:left;
    margin: 0 0 0 5px;
}
.winsmall .left_top .fs12
{
    font-size: 12pt;
}
.winsmall .top_right_button a
{
    font-size:12pt;
}

@media screen and (max-width: 1024px)
{
    .winsmall div.maudio .audio-control .progress-bar
    {
        width:50px; 
    }
    .winsmall .left_top .etno_tel
    {
        font-size: 14pt;
        width:120px;
    }
    .winsmall .left_top .fs12
    {
        font-size: 12pt;
        line-height:25px;
   }
    .winsmall .top_right_button a
    {
    font-size:10pt;
    }    
}