@charset "utf-8";
/* CSS Document */

html {
	height: 100%;
	min-height: 100%;
	background:url(../pic/index_bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body {
	margin: 0;
	padding: 0;
	min-height: 100%;
	height: 100%;	
	font: normal 100% "微軟正黑體" ! important; 
	color:#152d48;
	
	overflow-x:hidden;

}
#wrapper {
width: 100%;
/*background-color: #FFF;*/
margin-left:auto;
margin-right:auto;
}

#header {
height: 6em; border-bottom:1px solid rgba(255,255,255,.4);

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+78,f6f6f6+90 */
background: rgba(255,255,255,.2); /* Old browsers */

}
#logo{
	width:200px; height:50px; line-height:50px; margin-left:5%; margin-top:1%; float:left; text-align:center; font-size:120%; font-weight:800; color:#FFF; border:1px solid rgba(255,255,255,.4);border-radius:50px;
	}
#top_menu{ width:360px; text-align:center; float:right; margin-top:1%; height:auto;}
#top_menu div{width:20%; height:40px; line-height:40px; margin:6px; display:inline-block; font-size:100%; font-weight:600;  margin-top:1%; text-align:center; color:#FFF; cursor:pointer}
.top_menu_select{color:#15abcb !important;}
#top_menu:hover {color: #15abcb}

#content {
	width:1400px;  margin:auto; height:100%; min-height:700px; border-left:0px solid #efefef; border-right:0px solid #efefef; text-align:center !important; 
}
#content p{ height:80px;}
#login_div{ position:absolute; width:360px; height:300px; top:25%; left:50%; margin-left:-180px; display:inline-block; background:rgba(255,255,255,.5); border:1px solid #dad1cb; border-radius:4px;}
.login_subject{width:100%; font-size:110%; font-weight:800; height:4em; line-height:4em; text-align:center; border-bottom:1px solid #e4e4e4;


}
.login_left{ width:20%; display:inline-block; margin:6px auto; text-align:center; padding-top:5%;}
.login_right{ width:79%; display:inline-block; margin:6px auto; padding-top:5%}
.login_input_div{ height:160px;}
.login_right input[type="text"],.login_right input[type="password"]{ width:90%; height:30px; background:#ded0c3; padding-left:10px; border:1px solid #d8c9bb; margin-left:8px; letter-spacing:0.1em; color:#000; border-radius:40px;}	
.login_button{width:100%; height:3em; line-height:3em; text-align:center; border-top:1px solid #efefef;}
.login_button .button{ margin-right:10px;}


#edit_div_a{ width:100%; height:auto; margin-top:5%; margin-right:5%; display:inline-block;}
#edit_div_b{ width:100%; height:auto; margin-top:5%; display:inline-block; }
.edit_div{width:100%; height:3em; line-height:3em; text-align:center; border-top:1px solid #efefef;}
.edit_div .button{ margin:0 auto}

.edit_div_a{ width:35%; height:350px; border:1px solid #e4e4e4; display:inline-block;}
.edit_div_b{ width:35%; height:350px; border:1px solid #e4e4e4; display:inline-block; }
.edit_div_left{ width:20%; display:inline-block; margin:6px auto; padding-top:2%}
.edit_div_right{ width:79%; display:inline-block; margin:6px auto; padding-top:2%; text-align:left;}
#edit_div_a .edit_div_right input[type="text"],#edit_div_a .edit_div_right input[type="password"]{ width:90%; height:30px; background:#efefef; border:1px solid #ccc; margin-left:8px; letter-spacing:0.1em;}	
#edit_div_b .edit_div_right input[type="text"],#edit_div_b .edit_div_right input[type="password"]{ width:70%; height:30px; background:#efefef; border:1px solid #ccc; margin-left:8px; letter-spacing:0.1em;}	

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.myButton:active {
	position:relative;
	top:1px;
}

.box_style{ width:300px; height:310px; display:inline-block; margin:10px 10px; border:1px solid #efefef; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
 text-align:center; font-size:90% !important;}
.blue_box_style{ width:400px; height:310px; float:left; margin:20px 20px; border:1px solid #d6f0fd; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f9fe+0,d6f0fd+100;White+3D+%232 */
background: rgb(242,249,254); /* Old browsers */
background: -moz-linear-gradient(top, rgba(242,249,254,1) 0%, rgba(214,240,253,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); /* IE6-9 */
 text-align:center; font-size:90% !important;}
.store_box_style{ width:380px; height:480px; display:inline-block; margin:10px 10px; border:1px solid #c8d7dc;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f5f6+0,e3eaed+37,c8d7dc+100;Grey+3D+%234 */
background: rgb(242,245,246); /* Old browsers */
background: -moz-linear-gradient(top, rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */

 text-align:center; font-size:90% !important;}
#clear{ clear:both}
.box_style_subject{ width:100%; height:3em; font-size:100%; font-weight:600; line-height:3em; border-bottom:1px solid #efefef; letter-spacing:0.1em;}
.list_a{width:100%; height:2em; font-size:100%; font-weight:400; line-height:2em; border-bottom:1px solid #e7e7e7; letter-spacing:0.1em;}
/*.list_b{width:100%; height:2em; font-size:100%; font-weight:400; line-height:2em; border-bottom:1px solid #efefef; letter-spacing:0.1em;}
.list_c{width:100%; height:2em; font-size:100%; font-weight:400; line-height:2em; border-bottom:1px solid #efefef; letter-spacing:0.1em;}*/

.title_date{ width:40%; float:left; height:2em; font-size:100%; font-weight:400; line-height:2em; margin-top:2em;}
.title_download{width:59%; float:right; height:2em; font-size:100%; font-weight:400; line-height:2em; margin-top:2em;}

#footer {
width:100%; height: 8em; border-top:0px solid #dee0e2; 
}
.clearall{ clear:both;}
.dTable{ width:90%; margin:0 auto; border-left:1px solid #efefef; border-top:1px solid #efefef;}
.dTable tr{border-left:1px solid #efefef; border-top:1px solid #efefef;}
.dTable td,th{ border-right:1px solid #efefef; border-bottom:1px solid #efefef; height:30px;}
@media screen and (max-device-width: 1024px) {
	#logo{
	width:300px; height:40px; line-height:40px; margin-left:5%; margin-top:1%; float:left; text-align:center; font-size:120%; font-weight:700; color:#666;
	}
	#top_menu{ width:300px; text-align:center; float:right; margin-top:1%; height:auto;}
	#top_menu div{ width:50px; height:40px; line-height:40px; margin:6px; display:inline-block !important; font-size:100%; font-weight:600; text-align:center; color:#FFF; cursor:pointer; }
	#content {
	width:100%;  margin:auto; height:auto; border-left:1px solid #efefef; border-right:1px solid #efefef; text-align:center;
}	
#login_div{ position:absolute; width:320px; left:50%; margin-left:-160px; height:250px; top:20%; display:inline-block; border:1px solid #ccc;}

.edit_div_a{ width:50%; height:300px; border:1px solid #e4e4e4; display:inline-block; font-size:90%;}
.edit_div_b{ width:50%; height:300px; border:1px solid #e4e4e4; display:inline-block; font-size:90%;}
#edit_div_b .edit_div_right input[type="text"],#edit_div_b .edit_div_right input[type="password"]{ width:60%; height:30px; background:#efefef; border:1px solid #ccc; margin-left:8px; letter-spacing:0.1em;}	
}

@media screen and (max-device-width: 768px) {
	#logo{
	width:10%; height:40px; line-height:40px; margin-top:1%; text-align:center; font-size:120%; font-weight:700; color:#666; 
	position:absolute;
	z-index:999;
	top:2%;
	}
	#top_menu{ width:100%; text-align:center; margin:0 auto; margin-top:1%; height:auto; }
	#top_menu div{ width:70px; height:40px; line-height:40px; margin:6px; display:inline-block !important; font-size:100%; font-weight:600; text-align:center; color:#FFF; cursor:pointer; }
	#content {
	width:100%;  margin:auto; height:auto; border-left:1px solid #efefef; border-right:1px solid #efefef; text-align:center;
}	
#login_div{ position:absolute; width:320px; left:50%; margin-left:-160px; height:250px; top:20%; display:inline-block; border:1px solid #ccc;}

.edit_div_a{ width:60%; height:300px; border:1px solid #e4e4e4; display:inline-block; font-size:90%;}
.edit_div_b{ width:60%; height:300px; border:1px solid #e4e4e4; display:inline-block; font-size:90%;}
#edit_div_b .edit_div_right input[type="text"],#edit_div_b .edit_div_right input[type="password"]{ width:60%; height:30px; background:#efefef; border:1px solid #ccc; margin-left:8px; letter-spacing:0.1em;}	
}

@media screen and (max-device-width: 736px) {
	#logo{
	width:90%; height:40px; line-height:40px; margin-top:1%; text-align:center; font-size:120%; font-weight:700; color:#666; 
	}
	#top_menu{ width:100%; text-align:center; margin:0 auto; margin-top:1%; height:auto; }
	#top_menu div{ width:80px; height:40px; line-height:40px; margin:6px; display:inline-block !important; font-size:100%; font-weight:600; text-align:center; color:#FFF; cursor:pointer; }
	#content {
	width:100%;  margin:auto; height:auto; border-left:1px solid #efefef; border-right:1px solid #efefef; text-align:center;
}	
#login_div{ position:absolute; width:320px; left:50%; margin-left:-160px; height:250px; top:20%; display:inline-block; border:1px solid #ccc;}
.box_style{ width:280px; height:360px; display:inline-block; margin:10px 10px; border:1px solid #ccc; text-align:center}
.blue_box_style{ width:280px; height:360px; display:inline-block; margin:10px 10px; border:1px solid #a1e2e6; background:#a1e2e6; text-align:center; font-size:80% !important;}
.store_box_style{ width:340px; height:450px; display:inline-block; margin:10px 10px; border:1px solid #a1e2e6; background:#a1e2e6; text-align:center; font-size:80% !important;}



.edit_div_a{ width:70%; height:300px; border:1px solid #e4e4e4; display:inline-block; font-size:90%;}
.edit_div_b{ width:70%; height:300px; border:1px solid #e4e4e4; display:inline-block; font-size:90%;}
#edit_div_b .edit_div_right input[type="text"],#edit_div_b .edit_div_right input[type="password"]{ width:60%; height:30px; background:#efefef; border:1px solid #ccc; margin-left:8px; letter-spacing:0.1em;}	
}

@media screen and (max-device-width: 640px) {
	#logo{
	width:90%; height:40px; line-height:40px; margin-top:1%; text-align:center; font-size:120%; font-weight:700; color:#666; 
	}
	#top_menu{ width:100%; text-align:center; margin:0 auto; margin-top:1%; height:auto; }
	#top_menu div{ width:15%; height:40px; line-height:40px; margin:6px; display:inline-block !important; font-size:100%; font-weight:600; text-align:center; color:#FFF; cursor:pointer; }
	#content {
	width:100%;  margin:auto; height:auto; border-left:1px solid #efefef; border-right:1px solid #efefef; text-align:center;
}	
#login_div{ position:absolute; width:320px; left:50%; margin-left:-160px; height:250px; top:20%; display:inline-block; border:1px solid #ccc;}
.box_style{ width:90%; height:160px; display:inline-block; margin:10px 10px; border:1px solid #ccc; text-align:center}

.edit_div_a{ width:70%; height:300px; border:1px solid #e4e4e4; display:inline-block; font-size:90%;}
.edit_div_b{ width:70%; height:300px; border:1px solid #e4e4e4; display:inline-block; font-size:90%;}
#edit_div_b .edit_div_right input[type="text"],#edit_div_b .edit_div_right input[type="password"]{ width:60%; height:30px; background:#efefef; border:1px solid #ccc; margin-left:8px; letter-spacing:0.1em;}	
}

@media screen and (max-device-width: 480px) {
	#logo{
	width:90%; height:40px; line-height:40px; margin-top:1%; text-align:center; font-size:120%; font-weight:700; color:#666; 
	}
	#top_menu{ width:100%; text-align:center; margin:0 auto; margin-top:1%; height:auto; }
	#top_menu div{ width:20%; height:40px; line-height:40px; margin:6px; display:inline-block !important; font-size:100%; font-weight:600; text-align:center; color:#FFF; cursor:pointer; }
	#content {
	width:100%;  margin:auto; height:auto; border-left:1px solid #efefef; border-right:1px solid #efefef; text-align:center;
}	
#login_div{ position:absolute; width:320px; left:50%; margin-left:-160px; height:250px; top:20%; display:inline-block; border:1px solid #ccc;}
.box_style{ width:90%; height:160px; display:inline-block; margin:10px 10px; border:1px solid #ccc; text-align:center}

.edit_div_a{ width:90%; height:260px; border:1px solid #e4e4e4; display:inline-block; font-size:80%;}
.edit_div_b{ width:90%; height:260px; border:1px solid #e4e4e4; display:inline-block; font-size:80%;}
#edit_div_b .edit_div_right input[type="text"],#edit_div_b .edit_div_right input[type="password"]{ width:50%; height:30px; background:#efefef; border:1px solid #ccc; margin-left:8px; letter-spacing:0.1em;}	
}

@media screen and (max-device-width: 320px) {
	#logo{
	width:90%; height:40px; line-height:40px; margin-top:1%; text-align:center; font-size:120%; font-weight:700; color:#666; 
	}
	#top_menu{ width:100%; text-align:center; margin:0 auto; margin-top:1%; height:auto; }
	#top_menu div{ width:20%; height:40px; line-height:40px; margin:6px; display:inline-block !important; font-size:100%; font-weight:600; text-align:center; color:#FFF; cursor:pointer; }
	#content {
	width:100%;  margin:auto; height:auto; border-left:1px solid #efefef; border-right:1px solid #efefef; text-align:center;
}	
#login_div{ position:absolute; width:300px; height:250px; left:50%; margin-left:-150px; top:15%; display:inline-block; border:1px solid #ccc;}
.box_style{ width:90%; height:160px; display:inline-block; margin:10px 10px; border:1px solid #ccc; text-align:center}

.dTable tr{border-left:1px solid #efefef; border-top:1px solid #efefef; font-size:80%;}
.dTable td,th{ border-right:1px solid #efefef; border-bottom:1px solid #efefef; height:30px; font-size:80%;}

}





.clearfix {
    clear: both;
}

nav {
    font-family: Helvetica;
    text-align: right;
    text-transform: uppercase;  
    
}

nav ul {
    width: 90%;
    max-width: 1024px;
    margin: 0 auto;
    list-style-type: none;
}

nav ul li {
    display: inline-block;
	color:#d0d0d0;
	font-weight: bold;
	cursor:pointer;
	padding: 15px;
	font-family:"微軟正黑體"; 
	box-sizing: border-box;

}
nav ul li:hover{
     color: white;
}

nav ul li a {
    color: #9d9d9d;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    padding: 1em;
    box-sizing: border-box;
}

nav ul li a:hover {
    color: white;
}

.current_page {
    /*background-color: black;*/
	border-bottom:2px solid #666;
}

.current_page a {
    color: white;
}

#menu_button_wrapper{
    display: none;
}

.hidden {
    display: none;
}

/* Responsive for smaller screens */

@media (max-width: 760px) {
    #menu_button_wrapper{
        display: block;
        padding: 1em;
        color: #9d9d9d;
        border-bottom: 1px solid #101010;
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1);
        box-shadow: 0 1px 0 rgba(255,255,255,.1);
        margin-bottom: .5em;
    }
    
    #menu_button {
        box-sizing: border-box;
        float: right;
        padding: .5em 1em;
        border: 1px solid #333;
        border-radius: 5px;
        color: white;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    #menu_button:hover {
        cursor: pointer;
        background-color: #333;
    }
    
    #hamburger {
        float: right;
        padding-top: .15em;
    }
    
    #menu_button span{
        display: block;
        background-color: #fff;
        width: 1.2em;
        height: .15em;
        border-radius: 1px;
        margin-bottom: .2em;
    }
    
    nav ul {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
    }

    nav ul li {
        display: block;
    }
    
    nav ul li a {
        width: 100%;
    }

}

.Main_Title{ width:300px; position:absolute; top:30%; left:50%; margin-left:-150px;}
.mask{width:100%; height:100%; background:rgba(218,209,203,.7); position:fixed; z-index:99999999999;}

.blue{ background:#a1e2e6 !important; float:left; }
.blue_line{ border-bottom:1px solid #d6f0fd !important}
.s_line{ border-bottom:1px solid #c5d4d9 !important}
.sub_line{ border-bottom:1px dashed #72929c !important; padding-bottom:16px !important}
.blue_line_subject{ border-bottom:1px solid #d6f0fd !important}

.orange{ background:#a1e2e6 !important; !important; float:left;}
.orange_line{ border-bottom:1px solid #8fcdd1 !important}
.orange_line_subject{ border-bottom:1px solid #7ebdc1 !important}


.col_title{ display:inline-block; text-align:left; width:45%;}
.col_value{ display:inline-block; text-align:right; width:45%;}

@media (max-width: 480px) {
.blue{ background:#a1e2e6 !important; width:98% !important;}	
}

.setupt{ padding-top:80px;}
.checkout_setup_a{ padding:10px; height:30px; text-align:center}

.checkout_setup_a button{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:14px;
	letter-spacing:0.1em;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.checkout_setup_a:hover button{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.checkout_setup_a:active button{
	position:relative;
	top:1px;
}

.table_setup_b{ width:360px; margin:0 auto; padding:10px;}
.table_setup_b_left{ width:20%; display:inline-block; padding:6px;}
.table_setup_b_right{ width:69%; display:inline-block; padding:6px; text-align:left}
.cl{ clear:both;}

.table_setup_b_right input[type="text"]{ width:70%; height:30px; background:#FFF; padding-left:10px; border:1px solid #ccc; margin-left:8px; letter-spacing:0.1em; color:#000; border-radius:4px;}	
.setupsubject{ width:100%; font-size:110%; font-weight:800; text-align:center}

.floor_style{width:100%; font-size:110%; text-align:left; padding:2em 2em 2em 4em;}

.select {
  position: relative;
  float:left;
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 325px;
  color: #cccccc;
  vertical-align: middle;
  text-align: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  font-size:10pt;
}
.select .placeholder {
  position: relative;
  display: block;
  background-color: #393d41;
  z-index: 1;
  padding: 1em;
  border-radius: 2px;
  cursor: pointer;
}
.select .placeholder:hover {
  background: #34383c;
}
.select .placeholder:after {
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: 'FontAwesome';
  content: '\f078';
  z-index: 10;
}
.select.is-open .placeholder:after {
  content: '\f077';
}
.select.is-open ul {
  display: block;
}
.select.select--white .placeholder {
  background: #fff;
  color: #999;
}
.select.select--white .placeholder:hover {
  background: #fafafa;
}
.select ul {
  display: none;
  position: absolute;
  overflow: hidden;
  overflow-y: auto;
  width: 100%;
  background: #fff;
  border-radius: 2px;
  top: 100%;
  left: 0;
  list-style: none;
  margin: 5px 0 0 0;
  padding: 0;
  z-index: 100;
  max-height: 120px;
}
.select ul li {
  display: block;
  text-align: left;
  padding: 0.8em 1em 0.8em 1em;
  color: #999;
  cursor: pointer;
}
.select ul li:hover {
  background: #4ebbf0;
  color: #fff;
}
.clear_Floor{ clear:both}