@charset "utf-8";
h4{
margin-top:5px!important;
}
.brand_number_box{
    border: 1px solid #BBB;
    padding: 10px;
		position:relative;
		margin-bottom:10px;
}
time{
	text-align: right;
    display: block;
	margin: 5px 0;
    color: #888;
}

.brand_number{
font-size:22px;
font-weight:bold;
color:#666;
margin-bottom:5px;
}
.brand_number_box p{
	padding:4px;
}

.brand_logo{
position:absolute;
right:10px;
top:10px;
}

.spec{
border: 1px solid #999;
border-collapse: collapse;

margin-bottom: 10px;
font-size:13px;
}
.spec tr{
border: 1px solid #999;
}
.spec th{
border: 1px solid #999;
padding:8px 4px;
vertical-align:middle;
}
.title{
font-weight:bold;
background-color:#DDD;
}
.title td{
	text-align:center;
}
.spec td{
vertical-align: middle;
border: 1px solid #999;
padding:8px 4px;
}
.spec td.str{
text-align:left;
}
.spec a{
	color:#5DA6CF;
	font-weight:bold;
}
.substr{
font-size:11px;
}

#specTitle{
position:relative;
margin-top:10px;
}
#updateDate{
display:inline-block;
position:absolute;
right:0;
bottom:0;
}
#specTitle h2{
display:inline-block;
}
#tableBottom{
text-align:left;
}
#tableBottom span{
color:#c0392b;
font-weight:bold;
}
#tableBottom p{
margin:5px;
}
#tableBottom2{
text-align:right;
font-size:13px;
}
.spec .val td{
font-size:16px;
text-align:center!important;
}

.film_function{

}
.film_function li{
font-size:12px;
margin-bottom:2px;
display:inline-block;
padding:4px 8px;
color:#FFF;
margin-right:5px;
margin-bottom:5px;
}
.feature_list_box{
border:1px solid #CCC;
padding:10px;
}
.feature_list_box li{
padding:4px 0;
position:relative;
padding-left:35px;
line-height: 28px;
}
.feature_list_box li:after, .feature_list_box li:before{
content:''; 
height:18px; 
width:4px; 
display:block; 
background-color:#8DC940; 
position:absolute; 
top:8px; 
left:15px; 
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px; 
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
}

.feature_list_box li:before{
height:10px; 
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 
top:16px; 
left:7px
}
.sub_title{
display:block;
font-size:12px;
}

.clause_title{
margin-top:30px;
font-size:14px;
font-weight:bold;
}
.clause_lists{
padding:15px;
background-color:#EEE;
}

.clause_lists li{
padding:4px 0;
padding-left:10px;
}

.table_layout{
display:table;
width:100%;
}
.left_table{
vertical-align: middle;
display:table-cell;
}
.right_table{
vertical-align: middle;
display:table-cell;
}
.sub_title{
font-size:14px;
}
.document_lists li{
margin-bottom:10px;
	height:45px;
}
.document_lists a{

	display: inline-block;
	padding: 5px 20px;
	border:1px solid #BBB;
	background-color:#EEE;
}
.document_lists img{
	vertical-align: middle;
}
.plemium_list{
	padding-top:10px;
	display:table;
	margin-bottom: 20px;
}
.plemium_list_left{
	display:table-cell;
}
.plemium_list_right{
	padding-left:15px;
	display:table-cell;
	vertical-align: middle;
	font-weight:bold;
	font-size:13px;
	line-height:1.7em;
}
.plemium_icon{
	width:40px;
	text-align:center;
	display:inline-block;
	font-size:18px;
	padding:20px 15px;
	font-weight:bold;
	color:#FFF;
	background-color:#017BBA;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.brand_special_icon{
position:absolute;
right:5px;
top:5px;
}
.escape_heat{
border-top:1px solid #999;border-bottom:1px solid #999;padding:10px;margin:10px 0;
font-weight:bold;
}
.escape_heat td{
padding:0 4px;
}
.escape_heat .le{
text-align:left;
}

.graph_table{
border-collapse: collapse;
border:1px solid #CCC;
margin-bottom:10px;
}
.graph_table a{
color:#FFF;
font-weight: bold;
}
.graph_table thead{
border-bottom:5px solid #FFF;
}
.graph_table thead th{
	background-color:#333;
	color:#FFF;
	padding:8px;
	border:1px solid #CCC;
}
.graph_table td{
	padding:8px;

}
.graph_bg{
width:400px;
background: url(/img/glafil/graph_bg.png) 0 center no-repeat;
}
.graph_bg div{
	text-align:right;
	background-color:#333;
	margin-left: 9px;
}
.graph_bg .tb{
	background-color:#D50036;
	color:#FFF;
	font-weight:bold;
}
.graph_bg .vlt{
	background-color:#029FC8;
	color:#FFF;
	font-weight:bold;
}
.graph_bg .rf{
	background-color:#F4AE00;
	color:#FFF;
	font-weight:bold;
}
.graph_bg span{
	padding:0 10px;
}

.graph_product_number{
text-align:left;
width:150px;
background-color:#555;
color:#FFF;
}
.graph_product_number_even{
text-align:left;
background-color:#888;
color:#FFF;
}


@media screen and (max-width: 320px){

.graph_bg{
width:100%;
padding:9px;
}
.graph_table td{
	font-size:11px;

  vertical-align: middle;
}
.graph_product_number{
text-align:left;

background-color:#353535;
color:#FFF;
}
.graph_product_number_even{
text-align:left;
background-color:#666;
color:#FFF;
}


.escape_heat{
padding:2px;
font-size:12px;
}
.escape_heat td{
padding:1px;
letter-spacing:0!important;
}
.brand_logo,.brand_special_icon{
display:none;
}
.spec_table_box{
	max-width: 96vw!important;
		overflow: scroll;
	}
	.spec{
		width:800px!important;
	}
.feature_list_box{
	font-size:12px;
	
}
.feature_list_box li{
padding-left:5px;
}
.feature_list_box li:before, .feature_list_box li:after{
opacity: 0;
}
.brand_logo{
top:5px;
right:5px;
width:70px;
}
}

@media screen and (max-width: 420px){
.brand_logo{
display:none;
}
.spec_table_box{
	max-width: 96vw!important;
		overflow: scroll;
	}
	.spec, .spec_table{
		width:800px!important;
	}
.feature_list_box{
	font-size:12px;
	
}
.feature_list_box li{
padding-left:5px;
}
.feature_list_box li:before, .feature_list_box li:after{
opacity: 0;
}
.brand_logo{
top:5px;
right:5px;
width:70px;
}
.table_layout{
display:table;
}
.left_table{
vertical-align: middle;
display:block;
}
.right_table{
vertical-align: middle;
display:block;
}
}