@import url(https://fonts.googleapis.com/css?family=Carme);
/*  reset  */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
select{ /* Safari search bar調整 */
   -moz-appearance: none;/* older firefox */
   -webkit-appearance: none; /* safari, chrome */
   appearance: none; /* rest */
   -webkit-appearance: menulist-button;
}
input[type=search]{ /* Safari search bar調整 */
   -moz-appearance: none;/* older firefox */
   -webkit-appearance: none; /* safari, chrome */
   appearance: none; /* rest */
}
.order_table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
img{
	margin:0px;
	padding:0px;
}
a{ text-decoration:none;}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
.ul{
	list-style:none;
}
.lileft li{
	float:left;
}
input,button{
	border:none;
	outline:none;
}
button,.cursor{
	cursor:pointer;
}
.user_edit ul,.user_edit ol{
	padding:0px 0px 0px 20px;
}
.inline_block{
	display: inline-block;
}
*{box-sizing:border-box;}
body{
	font-size:14px;
	color:#333;
	font-family: 'Carme','微軟正黑體',sans-serif;
	line-height:22px;
	width:100%; height:100%;
}
.clear {
    clear: both;
}
.clearfix:after { /* FF, IE8, O, S, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	zoom:1;
}

.logo {
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
	font:0/0 serif \9;
	text-shadow:none \9;
	color:transparent \9;
	display:block;
	width:164px;
	height:38px;
	cursor:pointer;
	margin:17px 30px 0px 0px;
	background:url(../../images/elogo.png) top center no-repeat;
	float:left;
	
}
a{ text-decoration:none;}
.header{ z-index:501; background:url(../../images/bgheader.png); height:78px; width:100%; position:fixed; top:0px;}
.pad_lf30{ padding:0px 30px; box-sizing:border-box;}
.box_1240{ width:1240px;margin:0 auto;}
.box_1240r{ position:relative; width:1240px;margin:0 auto;}
.fleft {
    float: left;
}
.clearfix {
    zoom: 1;
}
.menu a{ float:left; color:#333; font-size:18px; line-height:75px; display:block; padding:0px 15px;}
.menu a:hover{ background:#2da8cd; color:#FFF;}
.header .right_area{max-width:32.2%; float:right;}
.select_size .cir{ text-align:center; line-height:35px; float:left; margin-right:10px; cursor:pointer; width:35px; height:35px; background:#e5e5e5; border-radius:50%; }
.select_size .cir:hover,.select_size .cir.now{background:#2da8cd; color:#FFF;}
.select_size{ float:left; height:35px; box-sizing:border-box; margin-top:20px; border-right:1px solid #e5e5e5;}
.select_size .cir:nth-child(1){ font-size:14px;}
.select_size .cir:nth-child(2){ font-size:16px;}
.select_size .cir:nth-child(3){ font-size:18px; margin-right:20px;}
.search_area{ box-sizing:border-box;float:left; margin:18px 10px 0px 10px;background:url(../../images/searchtop.png) no-repeat; color:#2da8cd; padding-left:50px; line-height:40px; font-size:18px; height:40px;}
.search_area:hover{cursor: pointer; background:url(../../images/searchtops.png) no-repeat;}
.search_out{ display:none;  height:80px;  left:0px; top:50px; box-sizing:border-box; padding-top:25px; position:absolute; width:100%;}
/* .search_area:hover .search_out{ display:block;} */
.search_area:hover, .search_area {
    -o-transition: background .30s linear;
    -webkit-transition: background .30s linear;
    -moz-transition: background .30s linear;
    transition: background .30s linear;
}
.mem_btn_lo p{-webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;}
.r_area{ padding:15px 0px; box-sizing:border-box;background:#2da8cd; position:relative; width:100%; height:80px;}
.r_area select{	font-family: 'Carme','微軟正黑體',sans-serif;
 /* float:left; */ border:0px; outline:none;  border-right:1px solid #eaeaea; color:#2da8cd;  height:50px; width:130px; font-size:16px; margin-left:20px; background:#FFF;}
.r_area input.enter_key{ float:left; width:56.6%; float:left; height:50px; background:#FFF; border:0px; padding:0px 10px; box-sizing:border-box;}
.sein{ float:left; height:50px;  background:#FFF; width:48.3%; border-radius:25px;}
.send_search{ line-height:50px;	font-family: 'Carme','微軟正黑體',sans-serif;float:right; background:#89b83a; width:18%; height:50px;border-top-right-radius:25px;border-bottom-right-radius:25px; color:#FFF; font-size:16px;}
.send_search img{ margin:0px 8px 0px 0px; vertical-align:middle;}
.send_search:hover{ background-color:#7cab2e;}
.hot_word p{ margin-left:20px; float:left; color:#FFF; line-height:50px;}
.hot_word a{ margin-right:5px; float:left;color:#FFF; display:block; line-height:50px;}
.hot_word {width:51.6%; overflow:hidden;}
.r_area .tr{ top:-26px; right:211px; background:url(../../images/trt.png); position:absolute; width:11px; height:11px;}
.mem_btn{ margin-top:18px; background:url(../../images/u1.png) no-repeat; cursor:pointer; padding-left:50px; box-sizing:border-box; color:#2da8cd; line-height:40px; font-size:18px; height:40px; float:left;}
.mem_btn:hover{background:url(../../images/u2.png) no-repeat; }
.mem_btn_lo{margin-top:18px; font-size:13px; line-height:20px; padding-left:45px; box-sizing:border-box; position:relative;float:left; height:40px; width:140px; background:#e5e5e5; border-radius:20px; }
.mem_btn_lo:hover{border-bottom-right-radius:0px;}
.mem_btn_lo span{ background:url(../../images/ard.png) no-repeat 30px 5px; padding-right:15px;}
.mem_btn_lo .open_area{ display:none;top:40px; left:20px; box-sizing:border-box; width:120px; background:#e5e5e5; position:absolute; padding:20px 0px 10px 0px;}
/* .mem_btn_lo:hover .open_area{ display:block;} */
.mem_btn_lo .open_area a{ padding:0px 20px; box-sizing:border-box; text-align:center; font-size:16px; line-height:35px; display:block; color:#333;}
.mem_btn_lo .open_area a:hover{ background:#f5f5f5;}
.mem_btn_lo .icon{ position:absolute; width:40px; height:40px; z-index:2; left:0px; top:0px; background:url(../../images/u2.png);}
.mobile_header{ display:none;}.mobile_menu{ display:none;}
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-thumb {
    background-color: #2da8cd;
}
@media screen and (max-width: 1240px) {
.header .right_area{ max-width:100%;}
.header .right_area{ float:none;}
.menu a{ padding:0px 5px;}
.logo{ margin-right:10px;}
.select_size .cir{ margin-right:5px;}
.select_size .cir:nth-child(3){ margin-right:5px;}

}
@media screen and (max-width:980px){
.box_1240r {
    width: 100%;
    padding: 0px 15px;
    box-sizing: border-box;
}
.member_m{z-index:10; position:absolute; right:15px; top:10px;width:30px; height:30px;}
.member_m .userAlreadyLogin {background:url(../../images/user13.png);background-size:30px auto;}
.member_m .icon{ position:relative; width:100%; height:100%;background:url(../../images/logm.png);background-size:30px auto; }
.member_m .open_area{ display:none;position:absolute;top:25px;right:0px;padding-top:7px;width:80px;}
/* .member_m .userAlreadyLogin:hover .open_area{ display:block;}
 */
.member_m .open_area a{ display:block; line-height:30px;padding:0px 10px; background:#f7f7f7;}
.member_m .open_area a:hover{background:#fff;}

.searmarea{padding:10px 15px; box-sizing:border-box; position:fixed; z-index:4; top:48px; width:100%;background:#2da8cd;}
.searmarea .bg{ padding:0px 0px 0px 10px; box-sizing:border-box; height:40px; width:100%; background:#FFF; border-radius:25px; margin-bottom:20px;}
.searmarea ul li,.searmarea ul li a{color:#fff; font-size:15px;}
.searmarea ul li a{margin-right:10px;}
.searmarea select{ outline: none; width:30%; border:none; float:left; height:30px; margin-top:5px;}
.searmarea input{ float:left; width:50%;height:30px; margin-top:5px}
.searmarea button{ background:#8dc035; color:#FFF; float:left;width:20%;height:40px;     border-top-right-radius: 25px;
    border-bottom-right-radius: 25px; }

.header,.more{ display:none;}
.mobile_menu ::-webkit-scrollbar{ width:0px;}

.box_1240{ width:100%;}
.mobile_header{ display:block; position:fixed; z-index:5; width:100%; height:50px; background:url(../../images/m_index_02.png) repeat-x; background-size:auto 50px; position:fixed;}
.rr{ position:relative; width:100%; height:100%;}
.btnmenu{ left:15px; top:13px; cursor:pointer; position:absolute; background:url(../../images/mmenu_btn.png) no-repeat; background-size:28px auto; width:28px; height:24px;}
.mlogo{ top:10px; display:block; background:url(../../images/mobile_logo.png) no-repeat; position:absolute; left:50%; margin-left:-65px; width:130px; height:30px; background-size:130px auto;}
.searchmbtn:hover{background:url(../../images/searchms.png); background-size:30px auto;}
.searchmbtn{ position:absolute; right:55px; top:10px;  background:url(../../images/searchmbtn.png); background-size:30px auto; width:30px; height:30px;}
.mobile_menu{ display:none; top:50px;}
.mobile_menu{ width:245px; position:fixed; z-index:5; background:#ebebeb; height:100%;}
.m_it{ position:relative; height:100%; overflow-y:scroll;}
.mobile_menu a{ color:#333; height:50px; line-height:50px; padding-left:40px; box-sizing:border-box; border-bottom:1px solid #cdcdcd; display:block; font-size:16px; background:url(../../images/m_index_menu_03.jpg) 20px 17px no-repeat; background-size:10px auto;}
.mobile_menu a.fb_t{ padding-left:60px; background:url(../../images/m_index_menu_06.jpg) 20px 10px no-repeat;background-size:30px auto;}
.mobile_menu a.line_t{ padding-left:60px; background:url(../../images/m_index_menu_06-03.jpg) 20px 10px no-repeat;background-size:30px auto;}
.mobile_menu a.blog_t{ padding-left:60px; background:url(../../images/m_index_menu_06-04.jpg) 20px 10px no-repeat;background-size:30px auto;}
.mobile_menu a:hover{ background-color:#f3f3f3;}

}