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

/* common 
-------------------------------------------------------------- */
.notice {color: #666; font-size:13px;}
img {border:0;vertical-align:middle;}
.msg {color:#000; font-size:15px; background-color:#FFF; border:2px solid #ccc; height:200px; line-height:20px; text-align:left;
    padding:10px;z-index:999999;
    -moz-opacity: 0.9;opacity:0.9;filter: alpha(opacity=90);
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    _width:expression('200px'); }
.loadingMask {
    background-color:#000;position:fixed;width:100%;z-index:999;height:100%;top:0;right:0;bottom:0;left:0;text-align:center;filter:alpha(opacity=80);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
-moz-opacity:0.8;opacity:0.8;width:auto;background-color:#050505;}
.loadingCenter {
    position:absolute;top:50%;left:50%;z-index:999; margin:0px auto;width:auto;}
.pass { color:#55B115; }
.wrong{ color:#ff0000; }
/*page */
div#wrapper {
    position: relative;
    width: 500px;
    margin: 0 auto;
}
div.pagination {
    overflow: hidden;
    font-size: 9pt;
    padding: 10px 0;
}
div.pagination ul {
    list-style: none;
    padding: 2px 0;
    line-height: 24px;
}
div.pagination li {
    display: inline;
		line-height:24px;
}
/* Badoo style */
div.pagination.badoo {
	background-color:#fff;
	color:#9B9B9B;
	padding:10px 0 10px 0;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:center;
}

div.pagination.badoo a {
	color:#666666;
	padding:3px 7px;
	margin:0 2px;
	text-decoration:none;
	border:1px solid #E1E0E0;
	line-height:24px;
}

div.pagination.badoo a:hover, div.pagination.badoo a:active {
	background:#9b9b9b; border:1px solid #9b9b9b; color:#FFF;
}

div.pagination.badoo li.current {
	padding: 3px 7px;
	margin: 2px;
	border: 1px solid #333;
	font-weight: bold;
	background-color: #fff;
	color: #333;
}

div.pagination.badoo li.disabled {
	padding: 3px 7px;
	margin: 2px;
	border: 1px solid #dedfde;
	color: #adaaad;
}

div.pagination.badoo li.fun_btn{
	line-height:24px;
}

#left_list li a{
	font-size:13px;
	font-weight:bold;
	color:#5a5a5a;
	text-decoration:none;

}

.button_text {font-size:16px; font-weight:bold;}
.button_blue {
	color: #fff;
	height: 30px;
	margin:5px 0 5px 0;
	background: #42A5CD; 
	background: -moz-linear-gradient(top, #42A5CD 0%, #3278B0 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#42A5CD), color-stop(100%,#3278B0)); 
	background: -webkit-linear-gradient(top, #42A5CD 0%,#3278B0 100%); 
	background: -o-linear-gradient(top, #42A5CD 0%,#3278B0 100%); 
	background: -ms-linear-gradient(top, #42A5CD 0%,#3278B0 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42A5CD', endColorstr='#3278B0',GradientType=0 ); 
	background: linear-gradient(top, #42A5CD 0%,#3278B0 100%);
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	border: 1px solid #3580A9;
	-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;
	cursor:pointer;
}
.button_blue:link {color: #fff;}
.button_blue:visited {color: #fff;}
.button_blue:hover {
	color:#fff;
	background: #3786B9; 
	background: -moz-linear-gradient(top, #3278B0 0%, #3786B9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3278B0), color-stop(100%,#3786B9));
	background: -webkit-linear-gradient(top, #3278B0 0%,#3786B9 100%);
	background: -o-linear-gradient(top, #3278B0 0%,#3786B9 100%);
	background: -ms-linear-gradient(top, #3278B0 0%,#3786B9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3278B0', endColorstr='#3786B9',GradientType=0 );
	background: linear-gradient(top, #3278B0 0%,#3786B9 100%);
	border: 1px solid #3580A9;
}

/* menu
-------------------------------------------------------------- */
.box {
	/*background: #F1F1F1;*/
	padding-bottom: 2px;
	overflow: hidden;
	line-height: 25px;
}
/* home
-------------------------------------------------------------- */
.whats_list {
	margin:0;
}
.what_name {
	width:197px;
	color:#000;
	margin-top: 9px;
	font-size: 15px;
	font-weight:700;
	word-wrap: break-word;
	line-height: 150%;	
	text-align: justify;text-justify:inter-ideograph;word-wrap: break-word;table-layout: fixed;word-break:break-all;
}
.what_desc {
	width:197px;
	font-size:14px;
	color:#ccc;	
	text-align: justify;text-justify:inter-ideograph;word-wrap: break-word;table-layout: fixed;word-break:break-all;
}
.img_box_home {
	/*第一層*/
	overflow:hidden;
	padding: 41px 9px 9px 22px;
	margin: 0;
	/*width: 234px;*/
	height: 307px;
	position: relative;
	background: url(../images/box_red.jpg) no-repeat;
	
}



/* Bottom 區塊
-------------------------------------------------------------- */
.bttom { width:1061px; margin-top:8px;position:relative; background: url(../images/mid_bg.jpg) no-repeat;}

.bomHead{
	/*border-top: 1px solid #efefef;*/
	position: relative;
	/*padding: 12px 5px;*/
	text-transform: uppercase;
	font-size: 13px;
	color: #333333;
}
.bomHead .more {
  position: absolute;
  right: 5px;
  cursor: pointer;
  /*圓形border: 1px solid #efefef;
  border-radius: 100%;*/
  /*width: 20px;*/
  height: 20px;
  line-height: 17px;
  text-align: center;
  
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  top: 50%;
  margin-top: -10px;
}
#news_slide{
	width:254px;
	height:161px;
	/*margin-left:9px;*/
	padding:0;
	position:relative;
	overflow:hidden;
}
.news_box{
	border-top-width:0;
	width:254px;
	height:135px;
	/*overflow:auto;
	overflow-x:hidden;*/
	overflow: hidden;
}
.news_list {
	
	/*margin:8px 0 0 0;*/
	width:254px;
	/*height:127px;*/
}
.news_list ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 0;
}

.news_list li{
	display:block;
	width:254px;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	text-align:center;
	padding-left: 5px;
	background: url(../images/icon_top_arrow.jpg) no-repeat 0 10px;

}

.news_date{
	/*color:#2965dd;*/
	font-size:13px;
	font-style:italic;
	text-align:left;
	height:28px;
	line-height:28px;
	font-family:Arial, Helvetica, sans-serif;
	float: right;
	padding-right: 5px;
}
.news_desc{
	/*color:#2965dd;*/
	font-size:13px;
	text-align:left;
	height:28px;
	line-height:28px;
	width: 160px;
	float: left;
	margin-left: 15px;
}

#hot_slide{
	background: url(../images/sp_line.jpg) no-repeat 0 0;
	width: 256px;
	height: 161px;
	margin-left: 2px;
	padding-left: 10px;
}

#media_slide{
	background: url(../images/sp_line.jpg) no-repeat 0 0;
	width: 250px;
	height: 161px;
	margin-left: 2px;
	padding-left: 10px;
}
.video-desc{
	color: #2965dd;
}
#link_slide{
	background: url(../images/sp_line.jpg) no-repeat 0 0;
	width:240px;
	height:161px;
	/*margin-left:9px;*/
	padding:0;
	position:relative;
	overflow:hidden;
	margin-left: 2px;
	padding-left: 10px;
}
.link_desc{
	/*color:#2965dd;*/
	font-size:13px;
	text-align:left;
	height:28px;
	line-height:28px;
	width: 230px;
	float: left;
	margin-left: 15px;
}
.news_list li a{
	color: #2965dd;
	display: block;
}
.news_list li a:hover{
	color: #f8b165;
}
.cat_item {
	/*第一層*/
	margin: 0;
	width:228px;
	height: 214px;
	overflow: hidden;

	border: 2px solid #B9B9B9;
	background: #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	/*padding: 5px;*/
	position: relative;
	text-align: center;
	webkit-box-shadow: 0 0 6px #000;
	box-shadow: 0 0 6px #000;
	
}
/* hot滑動區塊
-------------------------------------------------------------- */
#hot_box {
    width: 239px;
    height: 131px;
    padding: 0;
    position: relative;
    margin-top: 0px;
    overflow: hidden;
}
.hot_imgbox {
	/*第二層*/
	padding: 0px;
	margin: 0;
	width: 239px;
	height: 113px;
	overflow: hidden;
	position: relative;
	text-align: center;
	display: table-cell;
	line-height: 113px;
	vertical-align: middle;
}
.hot_content{
	width: 113px;
	margin: 0 auto;
}
.hot_text{
	/*margin-left:20px;*/
	text-align: center;
}
.hot_text a{
	color: #2965dd;
}
.hot_text a:hover{
	color: #fe9301;
}
/* 箭頭
-------------------------------------------------------------- */
.arrow_left, .arrow_rgt{ 
	position:absolute; 
	width:35px;
	height:35px;
	background:url(../images/left.png) no-repeat;
	top:49px;
	left:0px;
	z-index: 99;
}
.arrow_rgt{
	left:204px;
	background:url(../images/right.png) no-repeat
}
/* 圖片框
-------------------------------------------------------------- */

.top_imgbox {
	/*padding: 0px;*/
	margin: 0;
	width: 300px;
	height: 199px;
	overflow: hidden;
	position: relative;
	text-align: center;
	/*垂直置中*/
	display: table-cell;
	line-height: 199px;
	vertical-align: middle;
}

.hot_name {
	font-family: "微軟正黑體";
	color: #666;
	line-height: 25px;
	height:50px;
	font-size: 15px;
	overflow: hidden;
	padding: 0 10px;
}
.hot_name a {
	font-family: "微軟正黑體";
	color: #666;
	line-height: 25px;
	font-size: 15px;
	text-decoration: none;
}
.hot_name a:hover {
	font-family: "微軟正黑體";
	color: #000;
	line-height: 25px;
	font-size: 15px;
	text-decoration: none;
}

.mem_border {
	border: 0px solid #ececec;
}
.mem_text {
background-color: #fff;
line-height: 35px;
}
.tag {
	position: absolute;
	z-index: 10;
	width: 47px;
	height: 43px;
	top: 0px;
	left: 0px;
}
.product_name {
	overflow:hidden;
	height:25px;
}
.memadd {
	float: left;
	margin-top: 15px;
	font-size: 15px;
}
.right { float:right;}
.memadd a {
	color: #5687C8;
	text-decoration: none;
}
#news01 ol {
	list-style:decimal;
	padding-left: 15px;
}
.text_title {
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	color: #1669a5;
}
.text_line {
	border-bottom: 1px dotted #ccc;
	font-size: 15px;
	color: #000;
	padding-bottom: 5px;
	padding-top: 5px;
	letter-spacing: 1px;
	background-image: url(../images/mem/ico_arr.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 10px;
}
.text_red {
	font-size: 15px;
	color: #ff0000;
}
/* youtube
-------------------------------------------------------------- */
.video-container {
    position: relative;
    padding-bottom: 33%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
}


/* category
-------------------------------------------------------------- */
#page_category{
	width:813px;
	margin-left:10px; 
}
.pro_list {
width: 257px;
height: 270px;
overflow: hidden;
float: left;
margin: 15px 0px 5px 10px;
/* background: url(../images/pdt_bg.jpg); */
text-align: center;
padding: 0px 1px 0 1px;
border: 1px solid #CCC;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}


.cat_imgbox {
		
	padding: 8px 8px 0px 8px;
	margin: 0;
	width: 240px;
	height: 195px;
	overflow: hidden;
	position: relative;
	/*text-align: center;
	display: table-cell;
	line-height: 118px;
	vertical-align: middle;*/
	/*background: url(../images/itembg200x200.jpg) no-repeat;*/
	
}
.cat_imgbox img:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  opacity: 0.7;
	/*-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;*/
}
.prod_name {
	font-family: "微軟正黑體";
	color: #000;
	line-height: 21px;
	height: 42px;
	font-size: 15px;
	overflow: hidden;
	padding: 0 10px;
	font-weight:bold;
}
.prod_name a {
	font-family: "微軟正黑體";
	color: #000;
	line-height: 21px;
	
	font-size: 15px;
	text-decoration: none;
}
.prod_name a:hover {
	font-family: "微軟正黑體";
	color: #900;
	line-height: 21px;
	font-size: 15px;
	text-decoration: none;
}

.prod_desc {
	font-family: "微軟正黑體";
	color: #666;
	line-height: 21px;
	height:42px;
	font-size: 15px;
	overflow: hidden;
	padding: 0 10px;
	margin-top:5px;
}

.cate_desc {
/*background-color: #EEE;*/
padding: 8px;
}

/* product list
-------------------------------------------------------------- */

/* product detail
-------------------------------------------------------------- */
.product_imgbox {
	padding: 0px;
	margin: 0;
	width: auto;
	/*height: 500px;*/
	/*overflow: hidden;*/
	position: relative;
	text-align: center;
	/*垂直置中*/
	/*display: table-cell;*/
	/*line-height: 259px;
	vertical-align: middle;*/
	overflow: hidden;
	margin: 0 0 20px 20px;
}
.product_imgbox img {
	/*-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;*/
}
#pro_dt {
	min-height:300px;
	height: auto !important;
	height: auto;
}
#pro_pic{ margin: 20px 0 0 20px;}
.user_price { color:#F90; }
.pro_text { font-size:15px; line-height:20px;}

/* pro_detail
-------------------------------------------------------------- */
#page_pdtdetail{
	margin-left:10px; width:813px;
}
.pro_title {
background-image: url(../images/sys/titlebg.jpg);
color: #3A3633;
font-family: "微軟正黑體";
background-repeat: no-repeat;
height: 27px;
padding-left: 25px;
font-size: 18px;
font-weight: bold;
padding-top: 10px;
margin-bottom: 20px;
}
.item_info {
width: auto;
margin-left: 20px;
height: auto;
}
.pro_name2 {
font-size: 30px;
line-height: 25px;
font-weight: bold;
color:#09C;
}

.pro_name3 {
font-family: 新細明體;
font-size: 120%;
color: #FE842F;
line-height: 20px;
}
.pro_name4 {
font-family: 新細明體;
font-size: 120%;
color: #000;
line-height: 20px;
}
.space_line {
z-index: 1;
position: relative;
margin: 10px 0 20px;
height: 1px;
border-bottom: 1px dotted #D9D9D9;
overflow: hidden;
}
.price1 {
font-family: "微軟正黑體";
font-size: 24px;
color: #F40;
line-height: 25px;
font-weight: bold;
}

#pro_common_desc{
	margin-left: 20px;
}

#detail{
	margin-left: 20px;
}
/* template
-------------------------------------------------------------- */
.boxOverlay {
    position:fixed;width:100%;z-index:999;height:100%;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#77000000, endColorstr=#77000000);}
.boxContent {
    position:absolute;top:50%;left:50%;z-index:1000; margin:0px auto;width:565px; height:582px; background-color:#fff;opacity: 1;display: block; 
}


/* download 用 
-------------------------------------------------------------- */
#dlbox { padding-top:15px;float:left;width:100%; text-align: center;}
#dlbox h2 { margin-bottom:15px}
#dlbox table { border-collapse:collapse;font-size:120%;}
#dlbox table tr td { border:1px solid #f0f0f0;line-height:20px;padding:6px 10px;}
#dlbox table a {color:#444;}
#dlbox table a:hover { color:#1993d3;}
#dlbox table tr td.titlea { background:#999; color:#fff; font-size: 120%; height:53px; }
#dlbox table tr td { height: 111px;}
/* view 用 
-------------------------------------------------------------- */
#vibox { padding-top:15px;float:left;width:100%; }
#vibox h2 { margin-bottom:15px}
#vibox table { border-collapse:collapse;font-size:120%}
#vibox table tr td { line-height: 35px; border-bottom: 1px solid #dadada;padding:0px 10px;}
#vibox table tr:hover { background:#fafafa;}
#vibox table a {color:#444; font-size: 120%;}
#vibox table a:hover { color:#1993d3;font-size: 120%;}
#vibox table tr td.titlea { /*background:#C5C3C6;*/ color:#fff; font-size: 120%; vertical-align: top; background: url(../images/list_bg.jpg) repeat-x;  }
/* search 用 
-------------------------------------------------------------- */
.sh_title_bg2 {
    background-image: url(../images/mem/sh_item2.png);
    background-repeat: no-repeat;
    height: 35px;
    color: #55B115;
    padding-left: 45px;
    padding-top: 5px;
    font-size: 22px;
    border-bottom: 1px solid #ccc;
}
.search_result{
	height:30px;
	line-height:30px;
	font-size:18px;	
} 
.res_name{
	padding-left: 10px;
}
/* media list
-------------------------------------------------------------- */
.itemlist {width:1060px; list-style: none; padding:0; margin:0;}
.itemlist li { 
    width: 500px;
    margin: 0 0px;
    float: left;
    text-align: center;
    list-style: none;
    margin-right: 30px;
    margin-bottom: 20px;
}
/* youtube list
-------------------------------------------------------------- */
.list-video-container {
    position: relative;
    padding-bottom: 56%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.list-video-container iframe,
.list-video-container object,
.list-video-container embed {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
}
.list-video-desc{
	margin-top: 8px;
	font-size:120%;
}
/* news 用 
-------------------------------------------------------------- */
.table_01 {
	font-size: 14px;
	width: 695px;
}
.table_01 td, .table_01 th {
	font-family: "微軟正黑體";
	border-bottom: 1px dotted #ccc;
	padding: 5px;
	vertical-align: middle;
	height: 30px;
	line-height: 30px;
}
.table_01 th {
	height: 30px;
	color: #000000;
	font-weight: bold;
	text-align: center;
}
.title_bg {
	background-image: url(../images/sys/titlebg3.jpg);
	background-repeat:no-repeat;
	color: #3A3633;
	min-height: 43px;
	height: auto;
	line-height: 43px;
	font-family: "微軟正黑體";
	font-size: 18px;
	padding-left: 25px;
	/*padding-top: 10px;*/
	font-weight: bold;
	position: relative;
}
#logout{
	position: absolute;
	right: 10px;
	top: 4px;
}
.button {width:80px; padding: 9px 15px 9px 15px;background: #78c92a;border-color: #78c92a; font-size:14px;color: #ffffff !important;
border-radius: 0 !important;
box-shadow: none !important;

-webkit-transition: 0.25s ease-in-out;
   -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
     -o-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out;

}
.button i {
    margin: 0 5px 0 0;
    font-size: 20px;
    line-height: 23px;
}
.button:hover,
.button:focus,
.button:hover a,
.button:focus a{background: #333333;border-color: #333333;}
.button{
	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
}
.news05 {
	border: 1px solid #ececec;
	margin: 8px;
}
.news05 a {
	color: #06C;
	text-decoration: none;
	font-size: 15px;
}
.news05 a:hover {
	color: #ff6c00;
	text-decoration: none;
}
.news_back {
	margin: 12px;
	text-align: center;
}
.pd_top{
	margin-top:8px;
}
.detail{
	margin:10px;
}
.text05{
	font-size: 17px;
    line-height: 21px;
    font-family: '微軟正黑體', '新明細體';
    color: #911d34;
    background: url(../images/sys/pdtitlebg.jpg) left top no-repeat;
    /*background-repeat: no-repeat;
    background-position: left center;*/
    padding-left: 20px;
    border-bottom: 1px solid #ccc;
    width: auto;
    padding-bottom: 4px;
}
.newsdate{
	font-size: 12px;
	padding-left: 20px;
	color: #999;
}

#contact{
	background: url(../images/contact.jpg) right;
    background-repeat: no-repeat;
}

.menu_line {
    display: block;
    position: absolute;
    width: 28px;
    height: 3px;
    left: 0;
    background-color: #fff;
    transform-origin: 50% 50%;
    transition: background-color .2s;
}
.menu_line:nth-child(1) {
    top: 0
}

.menu_line:nth-child(2) {
    top: 8px
}

.menu_line:nth-child(3) {
    bottom: 0
}

#page_ecatalog{
	padding-left:10px; padding-top:20px;
}
#edit_form input,#edit_form textarea {
	width:95%;
	margin-bottom: 4px;
}
#mobile_bar{
	display: none;
}
.photos_box{
	width:900px !important;
}
.media_warp{
	padding-left:10px; padding-top:20px;
}
#support_warp{
	width:76%;
	margin-left:10px;
}
/* mobile 橫向
-------------------------------------------------------------- */
 @media only screen and (max-width: 768px) {
	.bttom {
	    width: 100%;
	    background: none;
	}
	#news_slide, .news_box, .news_list, .news_list li,#hot_slide, #hot_box, #hot_list, .hot_imgbox, #media_slide, #link_slide {
		width: 100%;
	}
	#hot_slide, #media_slide, #link_slide{
		background: none;
		margin-left: 0px;
    	padding-left: 0px;
    	margin-top: 10px;
	}
	#hot_slide, #media_slide{
		overflow: hidden;
    	height: initial
	}
	#hot_list img{
		width: 113px;
	}
	#hot_box{
		height: auto;
	}
	#page_category{
		width:100%;
		margin-left: 0;
	}
	.pro_list{
		width:47%;
		height: auto !important;
		margin: 15px 0px 5px 4px;	
	}
	.prod_desc{
		display: none;
	}
	.cat_imgbox{
		width:100%;
		height: auto;
		padding: 8px 0px 0px 0px;
	}
	#cat_menu_body{
		display: none;
	}
	.cat_title{
		width: 100%;
		height: 51px;
		background: #00ADA9;
		color: #fff;
		font-size: 120%;
		position: relative;
	}
	#left_sider{
		width:100%;
	}
	#icon-menu-m{
		position: absolute;
	    top: 14px;
	    right: 6px;
	    color: #fff;
	    cursor: pointer;
	    height: 19px;
	    width: 29px;
	    background-color: transparent;
	}
	#cat_menu{
		position: relative;
	}
	.visible-m {
	    display: block !important;
	    position: relative;
	}
	

	#cat_menu.nav .menu_line:nth-child(1) {
	    transform: translateY(8px) rotate(-45deg)
	}


	#cat_menu.nav .menu_line:nth-child(2) {
	    display: none
	}

	#cat_menu.nav .menu_line:nth-child(3) {
	    transform: translateY(-8px) rotate(45deg)
	}
	#cat_menu_body{
		width:98%;
	}
	#page_pdtdetail{
		width:100%;
		margin-left: 0;
	}
	.product_imgbox{
		margin: 0 10px 20px 10px;
	}
	#slideshow, .add_member{
		width:100% !important;
	}
	.item_info .space_line, .img_contact{
		display: none;
	}
	
	#page_ecatalog{
		padding-left:0px; padding-top:20px;
	}
	.box_body{
		margin-left: 4px;
	}
	.pro_name3{
		width:42% !important;
	}
	#m_topmenu_5{
		left: inherit;
		right: 0;
	}
	.title a{
		font-size: 12px !important;
	}
	#page_inside td{
		font-size: 12px !important;
		
	}
	#bar_event{
		display: none;
	}
	#mobile_bar{
		display: block;
	}
	#travel_list td:first-child,#travel_list th:first-child{
		width: 68% !important;
	}
	#travel_list thead{
		width:100%;
		display: inline-table;
	}
	.list-div{
		width: 95% !important;
	}
	.mid,  .photos_slide{
		max-width:100% !important;
		height: auto !important;
	}
	.photos_box,.mid,.mid img{
		width:100% !important;
	}
	#photos_list li img{
		max-width: 100%;
		height: 100% !important;
	}
	#photos_list li {
		width: 57px;
		height: 57px;
	}
	#photos_list .photos_item{
		width: 100% !important;
	}
	.arrow_left, .arrow_rgt{
		position: static !important;
	}
	.arrow_left{
		float: left;
	}
	.arrow_rgt{
		float: right;
	}
	ul.top_nav li.li_cate{
		width: 300px !important;
	}
	.table_page td, .table_page th{
		padding: 0 !important;
		padding-right: 4px !important;

	}
	#dlbox td:first-child{
		width:150px;
	}
	#dlbox tr td img:first-child{
		width: 100%;
		height: auto !important;
	}
	.newsdate{
		display: block;
		padding-left: 0;
	}
	#vibox table tr td:first-child{
		width: 50%;
	}
	#vibox table#linkbox tr td:first-child{
		width: 20%;
	}
	#vibox table tr td.titlea, #vibox table tr td{
		font-size: 80%;
	}
	#vibox table a{
		font-size: 80%;
	}
	#vibox table a:hover{
		font-size: 80%;
	}
	.itemlist, .itemlist li{
		width:100% !important;
	}
	.media_warp{
		padding-left:0px; padding-top:20px;
	}
	#support_warp{
		width:100%;
		margin-left:0;
	}
	#logout{
		top:0;
	}
	#page_inside h2{
		font-size:16px !important;
	}
	#page_inside p {
		font-size:14px !important;
		text-align: justify;
		text-justify:inter-ideograph;
	}
	#page_inside .table_page ul li{
		font-size: 12px !important;
	}
	#page_inside{
		margin:10px !important;
	}
	#detail{
		margin-left: 15px;
	}
	.list-div table td {
		word-wrap: break-word;
    	word-break: break-all;
	}
}
/* mobile 直向
-------------------------------------------------------------- */
@media only screen and (max-width: 480px) {
	.bttom {
	    width: 100%;
	    background: none;
	}
	#news_slide, .news_box, .news_list, .news_list li,#hot_slide, #hot_box, #hot_list, .hot_imgbox, #media_slide, #link_slide {
		width: 100%;
	}
	#hot_slide, #media_slide, #link_slide{
		background: none;
		margin-left: 0px;
    	padding-left: 0px;
    	margin-top: 10px;
	}
	#hot_slide, #media_slide{
		overflow: hidden;
    	height: initial
	}
	#hot_list img{
		width: 113px;
	}
	#hot_box{
		height: auto;
	}
	#page_category{
		width:100%;
		margin-left: 0;
	}
	.pro_list{
		width:47%;
		margin: 15px 0px 5px 4px;	
	}
	.cat_imgbox{
		width:100%;
		height: auto;
		padding: 8px 0px 0px 0px;
	}
	#cat_menu_body{
		display: none;
	}
	.cat_title{
		width: 100%;
		height: 51px;
		background: #00ADA9;
		color: #fff;
		font-size: 120%;
		position: relative;
	}
	#left_sider{
		width:100%;
	}
	#icon-menu-m{
		position: absolute;
	    top: 14px;
	    right: 6px;
	    color: #fff;
	    cursor: pointer;
	    height: 19px;
	    width: 29px;
	    background-color: transparent;
	}
	#cat_menu{
		position: relative;
	}
	.visible-m {
	    display: block !important;
	    position: relative;
	}
	

	#cat_menu.nav .menu_line:nth-child(1) {
	    transform: translateY(8px) rotate(-45deg)
	}


	#cat_menu.nav .menu_line:nth-child(2) {
	    display: none
	}

	#cat_menu.nav .menu_line:nth-child(3) {
	    transform: translateY(-8px) rotate(45deg)
	}
	#cat_menu_body{
		width:98%;
	}
	#page_pdtdetail{
		width:100%;
		margin-left: 0;
	}
	.product_imgbox{
		margin: 0 10px 20px 10px;
	}
	#slideshow, .add_member{
		width:100% !important;
	}
	.item_info .space_line, .img_contact{
		display: none;
	}
	
	#page_ecatalog{
		padding-left:0px; padding-top:20px;
	}
	.box_body{
		margin-left: 4px;
	}
	.pro_name3{
		width:42% !important;
	}
	#m_topmenu_5{
		left: inherit;
		right: 0;
	}
	.title a{
		font-size: 12px !important;
	}
	#page_inside td{
		font-size: 12px !important;
		
	}
	#bar_event{
		display: none;
	}
	#mobile_bar{
		display: block;
	}
	#travel_list td:first-child,#travel_list th:first-child{
		width: 68% !important;
	}
	#travel_list thead{
		width:100%;
		display: inline-table;
	}
	.list-div{
		width: 95% !important;
	}
	.mid,  .photos_slide{
		max-width:100% !important;
		height: auto !important;
	}
	.photos_box,.mid,.mid img{
		width:100% !important;
	}
	#photos_list li img{
		max-width: 100%;
		height: 100% !important;
	}
	#photos_list li {
		width: 57px;
		height: 57px;
	}
	#photos_list .photos_item{
		width: 100% !important;
	}
	.arrow_left, .arrow_rgt{
		position: static !important;
	}
	.arrow_left{
		float: left;
	}
	.arrow_rgt{
		float: right;
	}
	ul.top_nav li.li_cate{
		width: 300px !important;
	}
	.table_page td, .table_page th{
		padding: 0 !important;
		padding-right: 4px !important;

	}
	#dlbox td:first-child{
		width:150px;
	}
	#dlbox tr td img:first-child{
		width: 100%;
		height: auto !important;
	}
	.newsdate{
		display: block;
		padding-left: 0;
	}
	#vibox table tr td:first-child{
		width: 50%;
	}
	#vibox table#linkbox tr td:first-child{
		width: 20%;
	}
	#vibox table tr td.titlea, #vibox table tr td{
		font-size: 80%;
	}
	#vibox table a{
		font-size: 80%;
	}
	#vibox table a:hover{
		font-size: 80%;
	}
	.itemlist, .itemlist li{
		width:100% !important;
	}
	.media_warp{
		padding-left:0px; padding-top:20px;
	}
	#support_warp{
		width:100%;
		margin-left:0;
	}
	#logout{
		top:0;
	}
	#page_inside h2{
		font-size:16px !important;
	}
	#page_inside p {
		font-size:14px !important;
		text-align: justify;
		text-justify:inter-ideograph;
	}
	#page_inside .table_page ul li{
		font-size: 12px !important;
	}
	#page_inside{
		margin:10px !important;
	}
	#detail{
		margin-left: 15px;
	}
	.list-div table td {
		word-wrap: break-word;
    	word-break: break-all;
	}
}
/* mobile 直向
-------------------------------------------------------------- */
@media only screen and (max-width: 320px) {
	.bttom {
	    width: 100%;
	    background: none;
	}
	#news_slide, .news_box, .news_list, .news_list li,#hot_slide, #hot_box, #hot_list, .hot_imgbox, #media_slide, #link_slide {
		width: 100%;
	}
	#hot_slide, #media_slide, #link_slide{
		background: none;
		margin-left: 0px;
    	padding-left: 0px;
    	margin-top: 10px;
	}
	#hot_slide, #media_slide{
		overflow: hidden;
    	height: initial
	}
	#hot_list img{
		width: 113px;
	}
	#hot_box{
		height: auto;
	}
	#page_category{
		width:100%;
		margin-left: 0;
	}
	.pro_list{
		width:47%;
		margin: 15px 0px 5px 4px;	
	}
	.cat_imgbox{
		width:100%;
		height: auto;
		padding: 8px 0px 0px 0px;
	}
	#cat_menu_body{
		display: none;
	}
	.cat_title{
		width: 100%;
		height: 51px;
		background: #00ADA9;
		color: #fff;
		font-size: 120%;
		position: relative;
	}
	#left_sider{
		width:100%;
	}
	#icon-menu-m{
		position: absolute;
	    top: 14px;
	    right: 6px;
	    color: #fff;
	    cursor: pointer;
	    height: 19px;
	    width: 29px;
	    background-color: transparent;
	}
	#cat_menu{
		position: relative;
	}
	.visible-m {
	    display: block !important;
	    position: relative;
	}
	

	#cat_menu.nav .menu_line:nth-child(1) {
	    transform: translateY(8px) rotate(-45deg)
	}


	#cat_menu.nav .menu_line:nth-child(2) {
	    display: none
	}

	#cat_menu.nav .menu_line:nth-child(3) {
	    transform: translateY(-8px) rotate(45deg)
	}
	#cat_menu_body{
		width:98%;
	}
	#page_pdtdetail{
		width:100%;
		margin-left: 0;
	}
	.product_imgbox{
		margin: 0 10px 20px 10px;
	}
	#slideshow, .add_member{
		width:100% !important;
	}
	.item_info .space_line, .img_contact{
		display: none;
	}
	
	#page_ecatalog{
		padding-left:0px; padding-top:20px;
	}
	.box_body{
		margin-left: 4px;
	}
	.pro_name3{
		width:42% !important;
	}
	#m_topmenu_5{
		left: inherit;
		right: 0;
	}
	.title a{
		font-size: 12px !important;
	}
	#page_inside td{
		font-size: 12px !important;
		
	}
	#bar_event{
		display: none;
	}
	#mobile_bar{
		display: block;
	}
	#travel_list td:first-child,#travel_list th:first-child{
		width: 68% !important;
	}
	#travel_list thead{
		width:100%;
		display: inline-table;
	}
	.list-div{
		width: 95% !important;
	}
	.mid,  .photos_slide{
		max-width:100% !important;
		height: auto !important;
	}
	.photos_box,.mid,.mid img{
		width:100% !important;
	}
	#photos_list li img{
		max-width: 100%;
		height: 100% !important;
	}
	#photos_list li {
		width: 57px;
		height: 57px;
	}
	#photos_list .photos_item{
		width: 100% !important;
	}
	.arrow_left, .arrow_rgt{
		position: static !important;
	}
	.arrow_left{
		float: left;
	}
	.arrow_rgt{
		float: right;
	}
	ul.top_nav li.li_cate{
		width: 300px !important;
	}
	.table_page td, .table_page th{
		padding: 0 !important;
		padding-right: 4px !important;

	}
	#dlbox td:first-child{
		width:150px;
	}
	#dlbox tr td img:first-child{
		width: 100%;
		height: auto !important;
	}
	.newsdate{
		display: block;
		padding-left: 0;
	}
	#vibox table tr td:first-child{
		width: 50%;
	}
	#vibox table#linkbox tr td:first-child{
		width: 20%;
	}
	#vibox table tr td.titlea, #vibox table tr td{
		font-size: 80%;
	}
	#vibox table a{
		font-size: 80%;
	}
	#vibox table a:hover{
		font-size: 80%;
	}
	.itemlist, .itemlist li{
		width:100% !important;
	}
	.media_warp{
		padding-left:0px; padding-top:20px;
	}
	#support_warp{
		width:100%;
		margin-left:0;
	}
	#logout{
		top:0;
	}
	#page_inside h2{
		font-size:16px !important;
	}
	#page_inside p {
		font-size:14px !important;
		text-align: justify;
		text-justify:inter-ideograph;
	}
	#page_inside .table_page ul li{
		font-size: 12px !important;
	}
	#page_inside{
		margin:10px !important;
	}
	#detail{
		margin-left: 15px;
	}
	.list-div table td {
		word-wrap: break-word;
    	word-break: break-all;
	}
}