/************轉場---換顏色用************/
@keyframes BC{
	0%{background-color:#246897;}
	25%{background-color:#2D7EB9;}
	50%{background-color:#246897;}
	75%{background-color:#2D7EB9;}
	100%{background-color:#246897;}
}

@-moz-keyframes BC{
    0%{background-color:#246897;}
	25%{background-color:#2D7EB9;}
	50%{background-color:#246897;}
	75%{background-color:#2D7EB9;}
	100%{background-color:#246897;}
}

@-webkit-keyframes BC{
    0%{background-color:#246897;}
	25%{background-color:#2D7EB9;}
	50%{background-color:#246897;}
	75%{background-color:#2D7EB9;}
	100%{background-color:#246897;}
}


#search_bar_L{
float:left;
width:70%;
font-size:1em;
font-weight:bold;
padding-top:1%;
padding-bottom:0.5%;
}
#search_bar_R{
float:left;
width:30%;
font-size:1em;
font-weight:bold;
padding-top:1%;
padding-bottom:0.5%;
}

.search_bt{
float:left;
width:20%;
line-height:1em;
/*background:#eeeeee;*/
text-align:center;
}

.search_bt2{
float:left;
width:40%;
line-height:1em;
/*background:#eeeeee;*/
text-align:center;
}

.search_bt3{
float:left;
width:20%;
line-height:1em;
/*background:#eeeeee;*/
text-align:center;
}

.search_bt4{
float:left;
width:20%;
line-height:1em;
/*background:#eeeeee;*/
text-align:center;
}


.pro_list_L{
float:left;
text-align:right;
width:70%;
}
.pro_list_R{
float:left;
width:30%;
}


.search_kw_L{
float:left;
width:65%;
}
.search_kw_R{
float:left;
width:35%;
}
.search_kw_title{
float:left;
width:20%;
text-align:right;
}
.search_kw_input{
float:left;
width:80%;
text-align:left;
}
.search_kw_input input{
width:90%;
margin-left:5%;
font-size:0.85em;
border:1px solid #408fdc;
line-height:24px;
}

#sent_kw{
border-radius: 5px; 
color:#ffffff;
text-align:center;
width:80%;
cursor: pointer;
line-height:24px;
}

.comp_area
{
float:left;
width:49%;
margin:0.5%;
background:#eeeeee;


}

.pro_class_detail{
display:none;
}

.search_color{
color:#408fdc;
}
.search_bgcolor{
background:#408fdc;
}
.key_words{
float:left;
margin:5px;
padding:3px;
border:1px solid #2677ab;
border-radius: 5px; 
color:#ffffff;
font-size:0.9em;
}
.main_class_btn
{
float:left;
font-weight:bold;
font-size:1.1em;
text-align:center;
line-height:1.25em;
padding:0.5%;
margin:0.5%;
cursor:pointer;
border-radius:5px; 
background:#408fdc;
color:#ffffff;
}
.iso_item{
float:left;
width:13.48%;
margin:0.4%;
font-size:0.85em;
line-height:1.6em;
background:#ADD8E6;
color:#101010;
border-radius:5px;
cursor: pointer;
}

/*關鍵字標籤 追加css*/
.search_bar_L{
float:left;
width:48%;
margin-left:1%;
margin-right:1%;	
}
.search_bar_R{
float:left;
width:48%;
margin-left:1%;
margin-right:1%;	
}
#pro_list,#cert_list{
float:left;
margin:1%;
width:48%;
text-align:center;
cursor: pointer;
font-weight:bold;
}
#search_bar_L1{
float:left;
margin:1%;
width:33%;
text-align:center;
font-weight:bold;
font-size:1.1em;
}
#search_bar_L2{
float:left;
margin:1%;
width:63%;
text-align:center;
}
#ky_tag{
float:left;	
margin:1%;
padding:1%;
width:100%;
border:1px solid #999999;		
border-radius:5px;
background:#eeeeee;
}
#set_tag{
float:left;
margin:1%;
padding:1%;
width:26%;	
border-radius:5px;
border:none;	
background:#408fdc;
color:#ffffff;
font-weight:bold;
}
.search_bar_R1{
float:left;
line-height:24px;
width:69%;
margin-right:1%;
text-align:right;
}
.search_bar_R2{
float:left;
line-height:24px;
width:29%;
margin-left:1%;
text-align:left;
}
.hot_tag{
float:left;
/*width:11.5%;*/
border-radius:5px;
padding:0.25%;
padding-top:0px;
margin:0.25%;
font-size:0.9em;
cursor: pointer;
}
.hot_tag_A{
float:left;
width:100%;	
border-radius:5px;
}
.hot_tag_L{
display:inline-block;
/*width:80%;*/
max-width:125px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
margin-left:5px;	
}
.hot_tag_R{
color:#930000;
display:inline-block;
text-align:center;
/*width:20%;*/
max-width:50px;
margin-right:5px;
font-size:0.85em;
}


.hot_tag2{
float:left;
border-radius:5px;
padding:0.5%;
margin:0.25%;
font-size:0.9em;
cursor: pointer;
}

.rs_item{
float:left;
width:48%;
margin:1%;
text-align:left;
padding-top:4px;
padding-bottom:4px;
border-bottom:1px solid #999999;
background:#ffffff;
border-radius:5px;
}
.rs_item_L,.rs_item_L2{
float:left;
width:39%;
margin:0.5%;
}
.rs_item_R,.rs_item_R2{
float:left;
width:59%;
margin:0.5%;
}
.change_page{
float:left;
width:20px;
text-align:center;
border:1px solid #cccccc;
border-radius:5px;
cursor:pointer;
font-size:0.8em;
color:#930000;
margin:2px;
}
/*標籤系統追加*/
.keyword_area{
position:absolute;
top:40%;
left:15%;
width:70%;
text-align:center;
z-index:100;
}

.keyword_str{
color:black;
font-size:2.5em;
}

.keyword_R{
float:left;
width:10%;
text-align:left;
margin-top:4%;
}
.keyword_R img{
max-width:58px;	
}
.keyword_L{
float:left;
width:37.5%;
text-align:center;
margin-left:30%;
margin-right:2.5%;
margin-top:5%;	

text-align: left;
font-weight: bold;
}
.keyword_input{
font-size:1.5em;
padding:5px;
border-radius:5px;width:100%;	
}

.keyword_BT img
{
max-width:90px;
transition:1s;
margin-top: 10%;
}
.keyword_BT img:hover
{
transform:rotate(360deg)scale(0.5);
}
.keyword_BC{
	display: inline-block;
    width: 22.5%;
    text-align: center;
    cursor: pointer;
    width: 100px;
    background-color: white;
    padding: 1%;
    margin-top: 1%;
}
.keyword_WD
{
	color:#ffffff;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
}
.search_bar_2{
float:left;
margin-left:30%;
width:40%;
margin-top:5px;
margin-bottom:15px;	
display:none;
}
.search_rs_class
{
float:left;
margin-left:3.5%;
margin-right:3.5%;
margin-top:5px;
margin-bottom:5px;
cursor:pointer;	
}
.search_rs_class_str
{
float:left;
padding-left:6px;
padding-right:6px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
max-width:250px;
}
.phone_img{
display:none;	
}
.mobile_use{
display:none;
}
.not_mobile{
display:block;	
}
.class_search
{
float:left;
margin:0.25%;
margin-left:0.5%;
margin-right:0.5%;
padding:0.5%;
cursor:pointer;
background:#e5e3e1;
border-radius:5px;
font-size:0.9em;
}
@media screen and (max-width:980px)   /*小於980px 平板樣式*/
{
.keyword_str{
	font-size: 2em;
}
.keyword_area{
    top: 35%;
    left: 15%;
}
}
@media screen and (max-width:768px)   /*小於768px 平板樣式*/
{

#search_bar_L{
width:100%;
font-size:0.95em;
text-align:left;
}
#search_bar_R{
width:100%;

} 

.search_bt ,.search_bt2 ,.search_bt3,.search_bt4
{
width:100%;
height:30px;
font-size:1.05em;
text-align:left;
}

.pro_list_L{
text-align:left;
width:80%;
}
.pro_list_R{
width:20%;
}


.iso_item{
width:19%;
margin:0.5%;
}

/*關鍵字標籤 追加css*/
.search_bar_L{
width:43%;	
}
.search_bar_R{
width:53%;	
padding-top:2.5%;
}
#search_bar_L1{
width:97%;
padding-left:1%;
text-align:left;
}
#search_bar_L2{
width:98%;
}
.search_bar_R1,.search_bar_R2{
font-size:0.9em;	
}
.hot_tag{
font-size:0.8em;	
}
/*標籤系統追加*/
.keyword_area{
top:25%;

}
.keyword_str{
font-size:2.2em;
}
.keyword_R{
width:10%;
margin-top:3%;
}
.keyword_R img{
max-width:44px;	
}
.keyword_L{
width:60%;
margin-left:17%;
margin-right:2.5%;
margin-top:4%;	
}
.keyword_input{
font-size:1.2em;
padding:5px;	
}
.keyword_BT{
font-size:0.85em;
}
.keyword_BT img
{
max-width:75px;
}

.keyword_WD{
font-size: 12px;
}
.search_bar_2{
margin-left:20%;
width:60%;
}
.search_rs_class
{
float:left;
margin-left:5%;
margin-right:5%;
margin-top:3px;
margin-bottom:8px;
cursor:pointer;	
}
.search_rs_class_str
{
float:left;
padding-left:6px;
padding-right:6px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
max-width:250px;
}



}

@media screen and (max-width:630px)   /*過度樣式*/
{
.rs_item{
width:98%;
margin:1%;
}
.rs_item_L,.rs_item_L2{
float:left;
width:38%;
margin:1%;
}
.rs_item_R,.rs_item_R2{
float:left;
width:58%;
margin:1%;
font-size:0.9em;
}
.news_rs{
font-size:0.9em;	
}
.hot_tag{
padding:0.5%;
padding-top:0px;
margin:0.5%;
}
.hot_tag2{
padding:0.5%;
margin:0.5%;
width:31%;
font-size:0.9em;
}
.hot_tag_L{
max-width:120px;
}
/*標籤系統追加*/
.keyword_area{
top:15%;
}
.keyword_str{
font-size:2em;
}
.keyword_R{
width:10%;
margin-top:2%;
}
.keyword_R img{
max-width:36px;	
}
.keyword_L{
width:37.5%;
margin-left:30%;
margin-right:2.5%;
margin-top:3%;	
}
.keyword_input{
font-size:1em;
padding:5px;	
}

/*標籤系統追加*/

.keyword_str{
color:black;
font-size:2em;
}
.keyword_R{
width:10%;
margin-top:4%;
}
.keyword_R img{
max-width:38px;	
}
.keyword_L{
width:57.5%;
margin-left:25%;
margin-right:2.5%;
margin-top:5%;	
}
.keyword_input{
font-size:1.25em;
padding:5px;
border-radius:5px;width:100%;	
}

.keyword_BT img
{
max-width:60px;
}

.iso_item{
width:24%;
margin:0.5%;
}


}

@media screen and (max-width:480px)   /*小於480px 手機樣式*/
{


#search_bar_L{
width:100%;
font-size:0.95em;
}
#search_bar_R{
width:100%;

} 

.search_bt ,.search_bt2 ,.search_bt3 ,.search_bt4
{
width:100%;
}
.search_bt_L
{
width:100%;
}

.comp_area
{

width:96%;
margin:2%;

}
.iso_item{
width:49%;
margin:0.5%;
}

/*關鍵字標籤 追加css*/
.search_bar_L{
width:98%;
font-size:0.8em;
}
.search_bar_R{
width:98%;
font-size:0.8em;
padding-top:1%;
}

.hot_tag{
float:left;
width:48%;
padding:0.5%;
padding-top:0px;
margin:0.5%;
}
.hot_tag_L{
width:80%;
max-width:85px;
}
.hot_tag_R{
width:20%;
max-width:25px;
}
.hot_tag,.hot_tag2{
font-size:0.75em;	
}
.rs_item{
width:98%;
margin:1%;
}
.rs_item_R{
font-size:0.85em;
}
.news_rs{
font-size:0.85em;	
}
/*標籤系統追加*/

.keyword_area{
top:15%;
}
.keyword_str{
font-size:1.8em;
font-weight:bold; 
width: 96%;
text-align: left;
/*margin-left: 7%;*/
}
.keyword_BG{
background: white;
border-radius: 5px;
border-color: white;
border-width: 2px;
border-style: solid;
margin-left: 6%;
margin-top: 3%;
width:90%;

}


.keyword_R{
width:12%;
margin-top:2%;
}
.keyword_R img{
max-width:30px;	
}
.keyword_L{
width: 75%;
margin-left: 5%;
margin-right: 5%;
margin-top: 0%;
padding-top: 0%;
}
.keyword_input{
font-size: 22px;
padding: 5px;
border: 0;	
}
.keyword_BT{	
font-size:0.75em;
}
.keyword_BT img
{
max-width:60px;
}
.keyword_WD{
font-size:12px;
}
.search_bar_2{
/*margin-left:5%;
width:90%;*/
display:none;
}
.keyword_str{
/*display:none;*/
}
.search_rs_class
{
float:left;
margin-left:2.5%;
margin-right:2.5%;
width:95%;
margin-top:3px;
margin-bottom:8px;
cursor:pointer;	
}
.search_rs_class_str
{
float:left;
padding-left:6px;
padding-right:6px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
max-width:175px;
font-size:0.85em;
}
.rs_item_L2{
float:left;
width:98%;
margin:1%;
}
.rs_item_R2{
float:left;
width:98%;
margin:1%;
font-size:0.9em;
}
.mobile_use{
display:block;
}
.not_mobile{
display:none;	
}
.class_search
{
margin:0.25%;
margin-left:0.5%;
margin-right:0.5%;
padding:2%;
width:95%;
cursor:pointer;
background:#e5e3e1;
border-radius:0px;
font-size:0.9em;
text-align:left;
}



}


#cno_area{
	color:#333333;
}
#hot_area_4{
	color:#333333;
}
.rs_item{
	color:#333333;
}
.area{background: url(../images/base/fw_bg2.jpg);}