@charset "utf-8";
/* CSS Document */
.boxbk {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    background-color: #3e4041;
    filter: alpha(opacity=95);
    opacity: 0.95;
        display: none;
    cursor: pointer;
    /*FireFox*/
    cursor: hand;
    /*IE*/
}
.linbox {
    width: 50%;
    height: auto;
    left: 50%;
    margin-left: -25%;
    margin-top: 2%;
    position: absolute;
    z-index: 10001;
    visibility: visible;
    background-image: url(../images/bg_slide_menu.png);
    -moz-box-shadow: 4px 4px 12px -2px rgba(20%, 20%, 40%, 0.5);
    -webkit-box-shadow: 4px 4px 12px -2px rgba(20%, 20%, 40%, 0.5);
    box-shadow: 4px 4px 12px -2px rgba(20%, 20%, 40%, 0.5);
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		  padding:10px;
    display: none;
}
.linbox_bk{ border:1px solid #f1d30a;
height:100%;
padding:5px 10px;
-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
		  
.member{ font-size:12px; line-height:20px; color:#fff;border:0px solid red;line-height: 50px;padding-left: 5px;}		  
ul.tabulation{ border:0px solid #fff;}
ul.tabulation li{ font-size:12px; line-height:20px; color:#fff;border:0px solid red; padding:5px 0px;}
#Demo{position: relative;
margin: 0px auto;
padding: 0px;
width: 100%;
height: auto;
overflow: hidden;}
input, textarea {
    width: 100%;
    padding: 8px;
    font-family: Arial, Verdana, sans-serif;
    font-size: .8em;
    border: 1px solid #eaeaea;
    background: #eaeaea;
}
.input_with1{ width:160px;}
.input_with2{margin: 10px;}
.input_with3{width: 30px;}
.input_with4{width: 20px;}
.input_with5{width: 35px;}
.input_with6{margin: 5px;}
span.tabulationtxt{width:120px; text-align:right; display:table; line-height:30px;}
span.taontxt{width:auto; text-align:center; display:table; line-height:30px; float:left; padding:0px 5px;}
span.taontxt1{width:auto; text-align:center; display:table; line-height:30px; float:left; padding:0px 10px;}
ul.tabulation li{ display:table; width:100%;}
ul.tabulation li span {
    display: table;
    float: left;
    border: 0px solid #ff0000;
	line-height:30px;
}
.txttabul{-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; padding-left:120px;}
a.boxclose {
    width: 45px;
    height: 45px;
    color: #454040;
    background: #f1d30a;
    text-align: center;
    line-height: 45px;
    border: 1px solid #989898;
    text-decoration: none;
    position: absolute;
    filter: alpha(opacity=90);
    opacity: 0.9;
    float: right;
    right: 0px;
    margin-right: 15px;
    margin-top: 5px;
    z-index: 5;
}
a.boxclose:hover{
	color:#fff;
    background: #e5ce35;
}
.geogjg{float:left;left:0px; margin:10px 0px 10px 120px;}
.gkeo{margin:auto; width:auto; display:table;}		  
@media screen and (min-width: 1280px) {
    /*    //如果使用者之視窗寬度 >= 1200px，將會再載入這裡的 CSS。*/
}

@media screen and (min-width: 980px) and (max-width: 1279px) {
    /*    //如果使用者之視窗寬度介於 980px ~ 1199px，將會再載入這裡的 CSS。    */
}

@media screen and (min-width: 770px) and (max-width: 1024px) {
    /*    //如果使用者之視窗寬度介於 768px ~ 979px，將會再載入這裡的 CSS。    */
	.linbox {
    width: 80%;
    height: auto;
    left: 50%;
    margin-left: -40%;
}
}

@media screen and (min-width: 481px) and (max-width: 769px) {
    /*    //如果使用者之視窗寬度介於 479px ~ 769px，將會再載入這裡的 CSS。    */
		.linbox {
    width: 90%;
    height: auto;
    left: 50%;
    margin-left: -45%;
}
}

@media screen and (max-width: 480px) {
    /*    //如果使用者之視窗寬度 <= 480px，將會再載入這裡的 CSS。    */
	.member {
    line-height: 30px;
}
			.linbox {
    width: 90%;
    height: auto;
    left: 50%;
    margin-left: -45%;
}
span.tabulationtxt {
	text-align:left;
    width: 100%;
}
.txttabul {
    padding-left: 70px;
}
.geogjg{float:left;left:0px; margin:10px 0px 10px 0px;}
.txttabul{ padding-left:0px;}
ul.tabulation li span {
	margin:5px;
}
}

@media screen and (max-device-width: 480px) {
    /*    //如果使用者之裝置寬度 <= 480px，將會再載入這裡的 CSS。 */
}