/* CSS Document */
@import url("color.css");
@import url("txt.css");
body{
font-size:12px;
font-family:Verdana, Geneva, sans-serif,"微軟正黑體";
margin:0px;}

.top_line{width:980px;height:15px;}
.top_box{width:100%;margin:auto;text-align:right;}
.menu_bar{
	/**
-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
   -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);	
**/
margin:20px 0 0 10px;
position:relative;z-index:9;
width:990px;height:55px;display:inline-block;background:url(../image/home/menu/index_topmenu_back.png) 0px 0px no-repeat;}

input[type="text"]{
	border:#ccc 1px solid;  -radius: 5px; /* css 3标准 */  
	-moz-border-radius: 5px;  /* mozilla */  
	-webkit-border-radius: 5px;  /* webkit */  
	height:21px;
}
textarea{
	border:#ccc 1px solid;  
	border-radius: 5px; /* css 3标准 */  
	-moz-border-radius: 5px;  /* mozilla */  
	-webkit-border-radius: 5px;  /* webkit */  
}

.query_btn a{
margin-top: 0px;
width: 115px;
height: 25px;
display: inline-block;
background: url(../image/home/menu/index_search_bt.png) no-repeat;
left: 0px;
top: 0px;
z-index: 10;
position: relative;	
}
.en .query_btn a{
margin-top: 0px;
width: 115px;
height: 25px;
display: inline-block;
background: url(../image/home/menu/index_search_bt_en.png) no-repeat;
left: 0px;
top: 0px;
z-index: 10;
position: relative;	
}

.st_page_menu{
	margin:20px 0 0 0;
	position:relative;
	float:right;
	top:20px;	
/**
	width:auto;
	left:35%;
	position:relative;
	float:left;
**/
	text-align:center;
}
.st_page_menu ul{padding:0px;margin:0px;list-style:none;}
.st_page_menu ul li{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display:inline-block;
padding:0px 3px 3px 3px;margin:0 5px 0 0;background:#ffffff;border:2px solid #ddd;}
.st_page_menu ul li a{color:#000000;padding:5px;text-decoration:none;line-height:25px;height:25px;}
.st_page_menu ul li a:hover{color:#ffffff;}
.st_page_menu ul li:hover{border:2px solid #e6e6e6;background:#b6b6b6;}
.st_page_menu ul li.selected{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:2px solid #ddd;color:#F00;background:#000000;}
.st_page_menu ul li.selected a{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color:#ffffff;}
.query_btn a{background-position:0px 0px;cursor:pointer;}
.query_btn a:hover{background-position:0px -25px;}

.main_head{}
.main_body{min-width:1201px;width:100%;min-height:680px;}

.footer_box{width:100%;height:96px;}
.footertop{width:1200px;height:41px;}
.footer{width:980px;height:35px;background:url(../image/home/bg/footer.png) 0px 0px no-repeat;margin-top:17px;}
.copyright{width:100%;float:left;font-size:12px;font-family:Verdana, Geneva, sans-serif,"微軟正黑體";color:#bba052;text-align: left;padding-left:0px;}
.link_menu{width:auto;margin:auto;
font-size:12px;
font-family:Verdana, Geneva, sans-serif,"微軟正黑體";
padding: 5px 10px 0 0;
}
.logos {width:100px;height:40px;display:inline-block;background:url(../image/home/menu/logo-png.png) 0px 0px no-repeat;float:right;position:relative;top:-20px;}

.link_menu ul{list-style: none;float:right;margin-top:0px;}
.link_menu ul li{height:24px;cursor:pointer;width:auto;float:left;padding-left:2px;}
.link_menu ul li:hover{background-position:left bottom;cursor:pointer;}

.link_menutxt{width:auto;margin:auto;
font-size:12px;
font-family:Verdana, Geneva, sans-serif,"微軟正黑體";
padding: 5px 0px 0 10px;
}
.link_menutxt ul{list-style: none;float:right;margin-top:0px;}
.link_menutxt ul li{height:24px;cursor:pointer;width:auto;float:left;padding-left:2px;}
.link_menutxt ul li:hover{background-position:left bottom;cursor:pointer;}

.foottxt a{padding: 10px 0 10px 10px;display:inline-block;
font-size:12px;
font-family:Verdana, Geneva, sans-serif,"微軟正黑體";
text-decoration:none;
color:#333;
}

.foot_btn1 a{width:24px;height:24px;display:inline-block;background:url(../image/home/menu/index_fb.png) 0px 0px no-repeat;}
.foot_btn2 a{width:24px;height:24px;display:inline-block;background:url(../image/home/menu/index_b.png) 0px 0px no-repeat;}
.foot_btn3 a{width:24px;height:24px;display:inline-block;background:url(../image/home/menu/index_mail.png) 0px 0px no-repeat;}

.st_btn_fb a{width:24px;height:24px;display:inline-block;background: #000000 url(../image/home/menu/index_fb.png) 0px 0px no-repeat;float:left;margin-right:10px;}
.st_btn_twitter a{width:24px;height:24px;display:inline-block;background: #000000 url(../image/home/menu/index_b.png) 0px 0px no-repeat;float:left;margin-right:10px;}

.bottom_menu{width:980px;margin:auto;
font-size:12px;
font-family:Verdana, Geneva, sans-serif,"微軟正黑體";
float:left;
margin-left:0px;
}
.bottom_menu ul{list-style: none;float:left;margin:0px;padding:0px;}
.bottom_menu ul li{height:36px;cursor:pointer;width:auto;float:left;}
.bottom_menu ul li:hover{background-position:left bottom;cursor:pointer;}

.bottom_menu ul.goright{list-style: none;float:right;margin:3px 5px 0 0;}
.bottom_menu ul.goright li{width:35px;}
.lang_ch a, .lang_en a{width:26px;height:26px;display:block;background:url(../image/home/menu/footer_lang.png) no-repeat;text-indent: -9999px;}
.lang_en a{background-position:0px 0px;}
.lang_en a:hover{background-position:0px -26px;}
.lang_ch a{background-position:0px -52px;}
.lang_ch a:hover{background-position:0px -78px;}

/*##縮短下方選單項目間距 by Leopold*/
.bottom_btn a{padding:10px 8px 10px 8px;display:inline-block;float:left;color:#bba052;text-decoration:none;height:15px;}
/*.bottom_btn a{padding:10px 18px 10px 18px;display:inline-block;float:left;color:#FFFFFF;text-decoration:none;height:15px;}*/
.bottom_btn a:hover{color:#FFFFFF;background:#4b443f;}
.bottom_btn.nowList a{color:#FFFFFF;background:#4b443f;}
.bottom_menu ul li.bottom_gap{background:url(../image/home/menu/index_line.png) center center no-repeat;width:3px;height:36px;display:inline-block;}

.top_lang {
color:#bba052;
position: absolute;
top: -18px;
right: 11px;
}
.top_lang a{color:#bba052;text-decoration:none;}
.top_lang a:hover{color:#4b443f;}

.top_logo a{width: 156px;
height: 100px;
display: inline-block;
position: relative;
top: 0;
float: left;
}
.top_menu {
float: left;
position: relative;
top: 3px;
height:60px;
}
.top_menu ul {
width: 960px;
margin: 0px;
height: 60px;
overflow: hidden;
position: relative;
padding: 0px;
}
.top_menu ul{list-style: none;}
.top_menu ul li{top:0px;height:60px;cursor:pointer;width:100px;float:left;overflow:hidden;}
.top_menu ul li:hover{overflow:hidden;cursor:pointer;}

.top_menu a{padding:0px;display:inline-block;float:left;color:#FFFFFF;text-decoration:none;}
.top_menu a:hover{color:#FFFF00;margin-top:-60px;}
.top_menu ul li.selected a{color:#FFFF00;margin-top:-60px;}
.top_menu ul li.bottom_gap{background:url(../image/home/menu/index_line.png) center center no-repeat;width:3px;height:36px;display:inline-block;}


.new_floor tr td:first-child{background:url(../image/home/box/FloorGuide_lightbeam.jpg) 0px 0px repeat-y;}
.slide_menu {
  width: 785px;
  height:60px;
  margin-left:0px;
  margin-top:0px;
  margin-bottom:0px;
  position: relative;
}

.slide_menu .wrapper {
  width:800px; /* .slide_menu width - (.wrapper margin-left + .wrapper margin-right) */
  height:60px;
  overflow: auto;
  margin: 0px;
  position: absolute;
}
.slide_menu .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.slide_menu ul li {
  display:block;
  float:left;
  padding: 0px 0px;
  height: 60px;
  width: 100px;
}
/**/

.top_menu .menu_more a{
width: 19px;
height: 55px;
display: inline-block;
background: url(../image/home/menu/header.png) no-repeat;
float: right;
position: relative;
right: -38px;
top: -63px;
}
.top_menu .menu_more a{background-position: 0px 0px;}
.top_menu .menu_more a:hover{background-position: 0px -55px;margin:0px;padding:0px;}

/* main home */
/**/
.home_menu{
width:950px;
height:48px;
margin:0px;
float:none;
background:url(../image/webmenu/pr_menu_back.png) 0px 0px no-repeat;
}
.home_menu ul{
list-style:none;
padding:0px 0 0 55px;
margin:0px;
float:left;
}
.home_menu ul li{
display:inline;
float:left;
}
.hm_banner {position:relative;width:980px;height:540px;display:block;}
.st_banner {position:relative;width:710px;height:440px;display:block;}
.ad_banner {position:relative;width:275px;height:85px;display:block;}
.ad_inbanner {position:relative;width:270px;height:85px;display:block;}

.hm_btn a{width:240px;height:123px;clear:both;display:block;overflow:hidden;margin-top:23px;}
.hm_btn a:hover{margin-top:0px;}
.nowList a{margin-top:0px;}
.hm_btn a span{
width: 220px;
height: 80px;
position: relative;
left: 0px;
top: -100px;
display: inline-block;
}
.hm_btn a:hover span{border:10px solid #bba052;}
.nowList a span{border:10px solid #bba052;}
.quick_menu ul li a::before{content:"";}
.quick_menu ul li a:hover::before{content: url(../image/home/button/index_triangle.png);position:relative;top:0px;left:100px;float:left;}
.quick_menu ul li.nowList a::before{content: url(../image/home/button/index_triangle.png);position:relative;top:0px;left:100px;float:left;}

.quick_menu{
width:auto;
height:100px;
margin:auto;
float:none;
z-index:9;
}
.quick_menu ul{
list-style:none;
padding:0px 0px 0 3px;
margin:0px;
float:none;
}
.quick_menu ul li{
display:inline;
float:left;
width:246px;
height:120px;
}

.hm_slide_body{position:relative;margin:auto;width:990px;height:671px;margin-top:-26px;z-index:1;}
.hm_store_top{position:relative;margin:auto;width:980px;height:110px;margin-top:-15px;z-index:1;background:url(../image/home/style/s6.png) 0 0 no-repeat;}

.hm_store_top.s1{background:url(../image/home/style/s1.png) 0 0 no-repeat;}
.hm_store_top.s2{background:url(../image/home/style/s2.png) 0 0 no-repeat;}
.hm_store_top.s3{background:url(../image/home/style/s3.png) 0 0 no-repeat;}
.hm_store_top.s4{background:url(../image/home/style/s4.png) 0 0 no-repeat;}
.hm_store_top.s5{background:url(../image/home/style/s5.png) 0 0 no-repeat;}
.hm_store_top.s6{background:url(../image/home/style/s6.png) 0 0 no-repeat;}

.hm_store_body{position:relative;margin:auto;width:980px;height:581px;margin-top:-4px;z-index:1;}
.hm_floor_body{position:relative;margin:auto;width:980px;min-height:auto;margin-top:0px;z-index:1;
background:#fff;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
/* cookie bar */
.cookie_menu{font-size:13px;font-family:Verdana, Geneva, sans-serif,"微軟正黑體";}
.cookie_menu ul{
list-style:none;
margin:0px 0 6px 0;
padding:0px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
float:left;
}
.cookie_menu ul li{float:left;padding:0 3px 0 0}
.cookie_menu ul li a{
	text-decoration:none;
	line-height:20px;
	float:left;
	color:#3a3a3a;
}
.st2 .cookie_menu ul li a:hover{color:#95539a}
.st2 .cookie_menu ul li.selected a{
	color:#95539a;
	font-weight:bold;
}

.cookie_menu ul li::after{content:">";padding-left:3px;}
.cookie_menu ul li a:hover{
	color:#90b736;
}
.cookie_menu ul li.selected a{
	color:#90b736;
	font-weight:bold;
}
.cookie_menu ul li.selected::after{content:"";}

.gobackstep a{color:#3a3a3a;float:right;margin-top:8px;text-decoration:none;font-size:14px;}
.gobackstep a:hover{color:#3366FF;}
/* floor */
.stfloor_menu{width:160px;height:auto;}
.stfloor_menu ul{
list-style:none;
margin:0px;
padding:0px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.stfloor_menu ul li{
	line-height:47px;
	width:180px;
	height:45px;
	display:inline-block;
	float:left;
	/**background:url(../image/home/button/store_bt02_1.png) 0px 0px no-repeat;**/
	-webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -o-transition-duration:0.8s; transition-duration:0.8s;
}
.stfloor_menu ul li:hover{
	/**background:url(../image/home/button/store_bt02_2.png) 0px 0px no-repeat;**/
}
.stfloor_menu ul li.selected{
	/**background:url(../image/home/button/store_bt02_2.png) 0px 0px no-repeat;**/
}
.stfloor_menu ul li.isstore{
	/**background:url(../image/home/button/store_bt02_3.png) 0px 0px no-repeat;**/
}
.stfloor_menu ul li:hover a{color:#58659a;-webkit-transition-duration:0s; -moz-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s;}
.stfloor_menu ul li:hover span{color:#58659a;-webkit-transition-duration:0s; -moz-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s;}
.stfloor_menu ul li.selected a{color:#58659a;}
.stfloor_menu ul li.isstore a{color:#58659a;}
.stfloor_menu ul li.selected span{color:#58659a;}

.st2 .stfloor_menu ul li:hover a{color:#de6a2f;-webkit-transition-duration:0s; -moz-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s;}
.st2 .stfloor_menu ul li:hover span{color:#de6a2f;-webkit-transition-duration:0s; -moz-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s;}
.st2 .stfloor_menu ul li.selected a{color:#de6a2f;}
.st2 .stfloor_menu ul li.isstore a{color:#de6a2f;}
.st2 .stfloor_menu ul li.selected span{color:#de6a2f;}

.stfloor_menu ul li span{
-webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -o-transition-duration:0.8s; transition-duration:0.8s;
text-transform:uppercase;
width: 25px;
color: #000000;
margin: 2px 0 0 7px;
text-align:center;
height: 45px;
display: inline-block;
line-height: 45px;
font-size:16px;
float:left;
}
.stfloor_menu ul li a{
-webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -o-transition-duration:0.8s; transition-duration:0.8s;
font-size:14px;
font-weight:bold;
width: 127px;
height: 45px;
color: black;
margin: 0px 0 0 13px;
text-decoration: none;
display: inline-block;
line-height: 45px;
float:left;
text-align:left;
}
.langen .stfloor_menu ul li a{
line-height: 14px;
font-size: 12px;
margin-top: 15px;	
}
.st2 .stfloor_menu ul li a:hover{color:#de6a2f;}
.stfloor_menu ul li a:hover{
-webkit-transition-duration:0s; -moz-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s;
color:#58659a;
/**
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
**/
}
.stfloor_tip {text-transform:uppercase;font-size:16px;font-weight:bold;width:45px;height:45px;display:inline-block;line-height:40px;text-align:center;color:#000000;
/**background:url(../image/home/box/floor_tip.png) 0px 0px no-repeat;**/}
.stfloor_isstore_tip {text-transform:uppercase;font-size:16px;font-weight:bold;width:45px;height:45px;display:inline-block;line-height:40px;text-align:center;color:#000000;background:url(../image/home/box/floor_isstore_tip.png) 0px 0px no-repeat;}
.stfloor_lin{border-bottom: 1px solid #c4c4c4;}

.stfloor_title{float:left;font-size:15px;font-weight:bold;font-family:Verdana, Geneva, sans-serif,"微軟正黑體";}
.st1 .stfloor_title{color:#90b736;}
.st2 .stfloor_title{color:#95539a;}

.stfloor_theme{float:left;margin-left:30px;}
.stfloor_list{float:left;width:495px;min-height:30px;display:block;color:#999;margin-top:5px;text-align:left}
.floatright{float:right;}

.stsrv_title{font-size:14px;font-weight:bold;color:#3a3a3a;font-family:Verdana, Geneva, sans-serif,"微軟正黑體";float:left;}
.stsrv_floor{font-size:14px;color:#c8a063;font-family:Verdana, Geneva, sans-serif,"微軟正黑體";float:left;margin-left:30px;}
.stsrv_note{font-size:12px;min-height:25px;color:#404040;font-family:Verdana, Geneva, sans-serif,"微軟正黑體";float:left;width:680px;text-align:left;}
.stsrv_note ul {float:left;display:block;}
.stsrv_table{
	width:680px;
	border:0px;
}
.stsrv_table td{padding:5px;}
.stsrv_table tr:nth-child(odd) td{
	background:#ffffff;
}
.stsrv_table tr:nth-child(even) td{
	background:#f2f2f2;
}
/* gift */
.stgift_table{
	width:100%;
	border:0px;
	color:3a3a3a;
}
.stgift_head {
	color:#000;
	line-height:20px;
	vertical-align:top;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}
.stgift_table_box table {
	background:#DDD;
	line-height:25px;
	border-spacing:1px;
	border-collapse: separate;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.stgift_table_box table tr:nth-child(odd) td{
	background:#eeeeee;
}
.stgift_table_box table tr:nth-child(even) td{
	background:#ffffff;
}

.stgift_table_box table th{
background: #666465;
color:#FFF;
padding:2px 0 0 5px;
text-align:center;
line-height:32px;
font-size:15px;
}
.stgift_table_box table th:last-child{
background: #666465;
color:#FFF;
padding:2px 0 0 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}
/* card */
.stcard_table{
	width:100%;
	border:0px;
}
.st_box{
font-size:17px;
font-weight:bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#f2f2f2;padding:5px;height:25px;width:100%;position:relative;line-height:25px;}
.st_winner_box{
color:#ff0080;
font-size:17px;
font-weight:bold;
padding:5px;height:25px;width:100%;position:relative;line-height:25px;margin-top:5px;}
.stcard_box{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#f2f2f2;padding:5px;height:25px;width:680px;position:relative;line-height:25px;}
.stcard_title{font-size:16px;font-weight:bold;color:#3a3a3a;font-family:Verdana, Geneva, sans-serif,"微軟正黑體";float:left;}
.stcard_date{font-size:14px;color:#3a3a3a;font-family:Verdana, Geneva, sans-serif,"微軟正黑體";float:right;margin-right:0px;}
.stcard_note{font-size:14px;min-height:25px;color:#404040;font-family:Verdana, Geneva, sans-serif,"微軟正黑體";float:left;width:680px;}
/* theme */
.sttheme_box{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#f2f2f2;padding:5px;height:25px;width:595px;position:relative;line-height:25px;text-align:left;}
.sttheme_title{
width:400px;
font-size:14px;font-weight:bold;color:#3a3a3a;font-family:Verdana, Geneva, sans-serif,"微軟正黑體";float:left;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
text-align:left;
}
.sttheme_date{font-size:14px;color:#3a3a3a;font-family:Verdana, Geneva, sans-serif,"微軟正黑體";float:right;margin-right:0px;text-align:left;}
.sttheme_note{
text-align:left;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
font-size:12px;min-height:25px;color:#404040;font-family:Verdana, Geneva, sans-serif,"微軟正黑體";float:left;width:605px;}
/* store info card item*/
.stcard_indexmenu{
	width:680px;
	margin-left:0px;
	min-height:481px;
}
.stcard_indexmenu ul{
list-style:none;
margin:0px;
padding:0px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.stcard_indexmenu ul li{
width: 175px;
height: 150px;
display: inline-block;
float: left;
margin: 10px 0px 0px 40px;
}
.stcard_indexmenu ul li a{text-decoration:none;}
.stcard_indexmenu ul li span{
	width:180px;
	height:45px;
	display:block;
	text-align:center;
	line-height:20px;
	color:#3a3a3a;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif,"微軟正黑體";
}
.stcard_indexmenu ul li a:hover span{
	
	color:#ff0080;
	
}
.stinfo_cardmenu{
	display:none;
	width:120px;height:auto;margin-left:35px;
}
.stinfo_cardmenu ul{
list-style:none;
margin:0px;
padding:0px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.stinfo_cardmenu ul li{
	line-height:25px;
	width:153px;
	height:25px;
	display:inline-block;
	float:left;
}
.stinfo_cardmenu ul li.selected a{color:#ff0080;font-weight:bold;}
.stinfo_cardmenu ul li:hover a{color:#ff0080;font-weight:bold;}
.stinfo_cardmenu ul li a{
font-weight:bold;
width: 100px;
height: 25px;
color: black;
font-size:12px;
font-family:Verdana, Geneva, sans-serif,"微軟正黑體";
margin: 2px 0 0 7px;
text-decoration: none;
display: inline-block;
line-height: 25px;
}
.stinfo_cardmenu ul li a:hover{color:#ff0080;}

.st2 .stinfo_cardmenu ul li:hover a{color:#de6a2f;-webkit-transition-duration:0s; -moz-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s;}
.st2 .stinfo_cardmenu ul li:hover span{color:#de6a2f;-webkit-transition-duration:0s; -moz-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s;}
.st2 .stinfo_cardmenu ul li.selected a{color:#de6a2f;}
.st2 .stinfo_cardmenu ul li.isstore a{color:#de6a2f;}
.st2 .stinfo_cardmenu ul li.selected span{color:#de6a2f;}

/* store info sub item*/
.stinfo_menu{width:160px;height:auto;margin-left:-8px;}
.stinfo_menu ul{
list-style:none;
margin:0px;
padding:0px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.stinfo_menu ul li{
	text-align:left;
	line-height:18px;
	width:180px;
	height:45px;
	display:inline-block;
	float:left;
	/**background:url(../image/home/button/store_bt01_1.png) 0px 0px no-repeat;**/
	-webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -o-transition-duration:0.8s; transition-duration:0.8s;
}
.stinfo_menu ul li:hover{
	-webkit-transition-duration:0s; -moz-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s;
	/**background:url(../image/home/button/store_bt01_2.png) 0px 0px no-repeat;**/
}
.stinfo_menu ul li.selected{
	/**background:url(../image/home/button/store_bt01_2.png) 0px 0px no-repeat;**/
}
.stinfo_menu ul li.selected a{color:#d81b6e;font-size:12px;font-weight:bold;}
.stinfo_menu ul li.selected span{color:#d81b6e;}

.stinfo_menu ul li:hover a{color:#d81b6e;-webkit-transition-duration:0s; -moz-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s;}
.stinfo_menu ul li:hover span{color:#d81b6e;-webkit-transition-duration:0s; -moz-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s;}
.stinfo_menu ul li span{
width: 25px;
color: #000000;
margin: 0px 0 0 10px;
text-align:center;
height: 20px;
display: inline-block;
line-height: 20px;
-webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -o-transition-duration:0.8s; transition-duration:0.8s;
}
.stinfo_menu ul li a{
font-size:12px;font-weight:bold;
width: 122px;
height: 35px;
color: black;
margin: 2px 0 0 7px;
text-decoration: none;
display: inline-block;
line-height: 18px;
-webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -o-transition-duration:0.8s; transition-duration:0.8s;
}
.stinfo_menu ul li a:hover{color:#d81b6e;}

.st1 .stinfo_menu ul li:hover a{color:#58659a;-webkit-transition-duration:0s; -moz-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s;}
.st1 .stinfo_menu ul li:hover span{color:#58659a;-webkit-transition-duration:0s; -moz-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s;}
.st1 .stinfo_menu ul li.selected a{color:#58659a;}
.st1 .stinfo_menu ul li.isstore a{color:#58659a;}
.st1 .stinfo_menu ul li.selected span{color:#58659a;}

.st2 .stinfo_menu ul li:hover a{color:#de6a2f;-webkit-transition-duration:0s; -moz-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s;}
.st2 .stinfo_menu ul li:hover span{color:#de6a2f;-webkit-transition-duration:0s; -moz-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s;}
.st2 .stinfo_menu ul li.selected a{color:#de6a2f;}
.st2 .stinfo_menu ul li.isstore a{color:#de6a2f;}
.st2 .stinfo_menu ul li.selected span{color:#de6a2f;}
/**/
.hm_st_menu {
width:750px;margin:auto;
position:relative;
top:43px;
}
.hm_st_menu ul{
list-style:none;
margin:0px;
padding:0px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.hm_st_menu ul li{list-style:none;width:100px;height:60px;float:left;padding:0 10px 0 10px;}
.hm_st_btn1 a, .hm_st_btn2 a, .hm_st_btn3 a, .hm_st_btn4 a, .hm_st_btn5 a, .hm_st_btn6 a{width:100px;height:60px;display:inline-block;background:url(../image/home/button/page_index_v.png) no-repeat;}
.hm_st_btn1 a{background-position: 0px 0px;}
.hm_st_btn1 a:hover{background-position: 0px -60px;}
.hm_st_btn1.selected a{background-position: 0px -60px;}
.hm_st_btn2 a{background-position: 0px -120px;}
.hm_st_btn2 a:hover{background-position: 0px -180px;}
.hm_st_btn2.selected a{background-position: 0px -180px;}
.hm_st_btn3 a{background-position: 0px -240px;}
.hm_st_btn3 a:hover{background-position: 0px -300px;}
.hm_st_btn3.selected a{background-position: 0px -300px;}
.hm_st_btn4 a{background-position: 0px -360px;}
.hm_st_btn4 a:hover{background-position: 0px -420px;}
.hm_st_btn4.selected a{background-position: 0px -420px;}
.hm_st_btn5 a{background-position: 0px -480px;}
.hm_st_btn5 a:hover{background-position: 0px -540px;}
.hm_st_btn5.selected a{background-position: 0px -540px;}
.hm_st_btn6 a{background-position: 0px -600px;}
.hm_st_btn6 a:hover{background-position: 0px -660px;}
.hm_st_btn6.selected a{background-position: 0px -660px;}

.hm_boxnone {
width:202px;height:18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
cursor: pointer;
border-top: solid 0px;
border-left: solid 0px;
border-right: solid 0px;
border-bottom: solid 0px;
background:url(../image/webmenu/pr_searchbox.png) 0px 0px no-repeat;
padding-left:20px;
}
/* slider */
.infiniteCarousel {
  width: 980px;
  height:535px;
  margin-left:0px;
  margin-top:10px;
  margin-bottom:10px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 980px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  height:535px;
  overflow: auto;
  min-height: 10em;
  margin: 0 0px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 0px solid #000;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 0px 0px;
  height: 535px;
  width: 980px;
  
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 35px;
  width: 25px;
  background: url(../image/button/pr_v.png) no-repeat 10px 0;
  text-indent: -9999px;
  position: absolute;
  top: 133px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0px 0;
  right: 15px;
}

.infiniteCarousel .back {
  background-position: 0px -70px;
  left: 15px;
}

.infiniteCarousel .forward:hover {
  background-position: 0px -35px;
}

.infiniteCarousel .back:hover {
  background-position: 0px -105px;
}

/* store slider */
.storeCarousel {
  width: 710px;
  height:440px;
  margin-left:0px;
  margin-top:10px;
  margin-bottom:10px;
  position: relative;
}

.storeCarousel .wrapper {
  width: 710px; /* .storeCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  height:440px;
  overflow: auto;
  min-height: 10em;
  margin: 0 0px;
  position: absolute;
  top: 0;
}

.storeCarousel ul a img {
  border: 0px solid #000;
}

.storeCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.storeCarousel ul li {
  display:block;
  float:left;
  padding: 0px 0px;
  height: 440px;
  width: 710px;
  
}

.storeCarousel ul li a img {
  display:block;
}

.storeCarousel .arrow {
  display: block;
  height: 35px;
  width: 25px;
  background: url(../image/button/pr_v.png) no-repeat 10px 0;
  text-indent: -9999px;
  position: absolute;
  top: 133px;
  cursor: pointer;
}

.storeCarousel .forward {
  background-position: 0px 0;
  right: 15px;
}

.storeCarousel .back {
  background-position: 0px -70px;
  left: 15px;
}

.storeCarousel .forward:hover {
  background-position: 0px -35px;
}

.storeCarousel .back:hover {
  background-position: 0px -105px;
}
/* ad slider */
.adCarousel {
  width: 278px;
  height:267px;
  margin:0px;
  position: relative;
  background:#bba052;
}

.adCarousel .wrapper {
  width: 278px; /* .adCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  height:261px;
  overflow: auto;
  margin: 0px;
  position: absolute;
  top: 3px;
  right:3px;
}

.adCarousel ul a img {
  border: 0px solid #000;
}

.adCarousel .wrapper ul {
  width:275px;
  height: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.adCarousel ul li {
  display:block;
  float:left;
  padding: 0px 0 3px 3px;
  height: 85px;
  width: 275px;
}

.adCarousel ul li a img {
  display:block;
}

.adCarousel .arrow {
  display: block;
  height: 35px;
  width: 25px;
  background: url(../image/home/button/pr_v.png) no-repeat 10px 0;
  text-indent: -9999px;
  position: absolute;
  cursor: pointer;
}

.adCarousel .forward {
  background-position: 0px 0;
  left:124px;
  bottom:-20px;
}

.adCarousel .back {
  background-position: 0px -70px;
  left: 124px;
  top:-15px;
}

.adCarousel .forward:hover {
  background-position: 0px -35px;
}

.adCarousel .back:hover {
  background-position: 0px -105px;
}
/**/
.content_head{
width: 980px;
height: 320px;
display: inline-block;
background: url(../image/home/bg/index_back_a1.png) 0px 0px no-repeat;
margin-bottom: -292px;
z-index: 0;
position: relative;
}
.content_body{
width: 980px;
height: auto;
display: inline-block;
background: white url(../image/home/bg/index_back_a2.png) 0px 0px repeat-y;
margin-top:10px;
}
.content_bottom{
width: 980px;
height: 240px;
display: inline-block;
background: url(../image/home/bg/index_back_a3.png) 0px 0px no-repeat;
margin-top: -230px;
}

.content_box{
width: 950px;
height: auto;
min-height: 500px;
position: relative;
left: 0px;
background: white;
text-align:left;
}
.content_txt{
	padding:15px;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif,"微軟正黑體";

}
.st_home_menu{
	width:980px;
	height:280px;
	margin-top:14px;
}
.st_home_menu ul{
	margin:0px;
	padding:0px;
	list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
.st_home_menu ul li{
	list-style:none;
	width:140px;
	height:140px;
	float:left;
	overflow:hidden;
	background:#4b443f;
}
.st_home_menu ul li:hover{overflow:hidden;cursor:pointer;}

.st_home_menu a{padding:0px;display:inline-block;float:left;color:#4b443f;text-decoration:none;}
.st_home_menu a:hover{color:#4b443f;margin-top:-140px;}
.st_home_menu ul li.selected a{color:#4b443f;margin-top:-140px;}

.stbrand_list {width:100%;height:auto;}
.stbrand_list ul{float:left;margin:0px;padding:0px;}
.stbrand_list ul li{height:auto;cursor:pointer;width:auto;float:left;padding:5px 10px 0 0;margin-left:20px;}

.stbrand_list ul li a{font-size:14px;color:#3a3a3a;text-decoration:none;}
.stbrand_list ul li a:hover{color:#ff0080;}
.stbrand_list ul li:hover{color: #ff0080;}
.stbrand_list ul li.selected a{color:#ff0080;font-weight:bold;}
.stbrand_list ul li.selected {color:#ff0080;font-weight:bold;}
.stbrand_grouphead{font-size:14px;font-weight:bold;/**text-shadow: 1px 1px 1px #979797;**/}

.stbrand_more_title{font-size:16px;font-weight:bold;text-align:left;}
.stbrand_more_body{font-size:12px;margin-top:5px;text-align:left;}
.stbrand_more_phone{font-size:14px;font-weight:bold;margin-top:5px;text-align:left;}
.stbrand_more_link{font-size:14px;font-weight:bold;margin-top:5px;text-align:left;}
/* titls */
.hd1, .hd2, .hd3, .hd4, .hd5, .hd6, .hd7, .hd8, .hd9{
width:910px;
margin: 5px 0 5px 20px;
border-bottom: 2px solid #DDD;
height:30px;overflow:hidden;display:inline-block;background:url(../image/home/title/index_title.png) no-repeat;}
.hd1 {background-position: 0px 0px;}
.hd2 {background-position: 0px -30px;}
.hd3 {background-position: 0px -60px;}
.hd4 {background-position: 0px -90px;}
.hd5 {background-position: 0px -120px;}
.hd6 {background-position: 0px -150px;}
.hd7 {background-position: 0px -180px;}
.hd8 {background-position: 0px -210px;}
.hd9 {background-position: 0px -240px;}

.st1 .sd1, .st1 .sd2, .st1 .sd3, .st1 .sd4, .st1 .sd5, .st1 .sd6{
width:880px;
margin: 5px 0 5px 0px;
border-bottom: 2px solid #DDD;
height:30px;overflow:hidden;display:block;background:url(../image/home/title/page_title_blue.png) no-repeat;}
.st2 .sd1, .st2 .sd2, .st2 .sd3, .st2 .sd4, .st2 .sd5, .st2 .sd6{
width:880px;
margin: 5px 0 5px 0px;
border-bottom: 2px solid #DDD;
height:30px;overflow:hidden;display:block;background:url(../image/home/title/page_title_orange.png) no-repeat;}
.st1 .sd1 {background-position: 0px 0px;}
.st1 .sd2 {background-position: 0px -30px;}
.st1 .sd3 {background-position: 0px -60px;}
.st1 .sd4 {background-position: 0px -90px;}
.st1 .sd5 {background-position: 0px -120px;}
.st1 .sd6 {background-position: 0px -150px;}

.st2 .sd1 {background-position: 0px 0px;}
.st2 .sd2 {background-position: 0px -30px;}
.st2 .sd3 {background-position: 0px -60px;}
.st2 .sd4 {background-position: 0px -90px;}
.st2 .sd5 {background-position: 0px -120px;}
.st2 .sd6 {background-position: 0px -150px;}

.st1.floor_hd1, .st1.floor_hd2{margin: 5px 0 5px 0px;
border-bottom: 2px solid #DDD;
width:680px;height:30px;overflow:hidden;display:block;background:url(../image/home/title/page_floor_in_title_blue.png) no-repeat;}
.st2.floor_hd1, .st2.floor_hd2{margin: 5px 0 5px 0px;
border-bottom: 2px solid #DDD;
width:680px;height:30px;overflow:hidden;display:block;background:url(../image/home/title/page_floor_in_title_orange.png) no-repeat;}
.st1 .floor_hd1{background-position:0px 0px}
.st1 .floor_hd2{background-position:0px -30px}

.st2 .floor_hd1{background-position:0px 0px}
.st2 .floor_hd2{background-position:0px -30px}

.info_hd1, .info_hd2, .info_hd3{width:249px;height:32px;display:block;background:url(../image/home/title/page_store_in_title.png) no-repeat;}
.info_hd1{background-position:0px 0px;}
.info_hd2{background-position:0px -32px;}
.info_hd3{background-position:0px -64px;}

.service_hd1, .service_hd2, .service_hd3, .service_hd4, .service_hd5, .service_hd6{width:249px;height:40px;display:block;background:url(../image/home/title/page_service_in_title.png) no-repeat;}
.service_hd1{background-position:0px 0px;}
.service_hd2{background-position:0px -40px;}
.service_hd3{background-position:0px -80px;}
.service_hd4{background-position:0px -120px;}
.service_hd5{background-position:0px -160px;}
.service_hd6{background-position:0px -200px;}

.theme_hb {
text-align:left;
margin: 0px 0 3px 0;
padding: 0 0 26px 0;
width:290px;
height:60px;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
font-size:14px;font-weight:bold;font-family:Verdana, Geneva, sans-serif,"微軟正黑體"
}
.theme_hd{
text-align:left;
height:26px;width:310px;
font-size:14px;font-weight:bold;font-family:Verdana, Geneva, sans-serif,"微軟正黑體";/**text-shadow: 1px 1px 1px #979797;**/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
.theme_vhb {
text-align:left;
margin: 0px 0 3px 0;
padding: 0 0 6px 0;
width:310px;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
.theme_vhd{
text-align:left;
height:135px;width:310px;
font-size:12px;font-weight:bold;font-family:Verdana, Geneva, sans-serif,"微軟正黑體";/**text-shadow: 1px 1px 1px #979797;**/
overflow: hidden;
/**white-space: nowrap;**/
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
.st1 .theme_vhd250, .st2 .theme_vhd250{
text-align:left;
height:20px;width:250px;
font-size:14px;font-weight:bold;font-family:Verdana, Geneva, sans-serif,"微軟正黑體";/**text-shadow: 1px 1px 1px #979797;**/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
.st1 .theme_hd a, .st1 .theme_vhd250 a{text-decoration:none;color:#3a3a3a}
.st1 .theme_hd a:hover, .st1 .theme_vhd250 a:hover{color:#58659a;}
.st2 .theme_hd a, .st2 .theme_vhd250 a{text-decoration:none;color:#3a3a3a}
.st2 .theme_hd a:hover, .st2 .theme_vhd250 a:hover{color:#de6a2f;}

.theme_line{border-bottom:1px solid #999;width:100%;margin:10px 0 10px 0;}
.theme_blankline{border-bottom:0px solid #999;width:100%;margin:10px 0 10px 0;}

.st1 .theme_hd1_1, .st1 .theme_hd1_2, .st1 .theme_hd1_3, .st1 .theme_hd1_4, .st1 .theme_hd_brand, .st1 .theme_hd2_1, .st1 .theme_hd2_2, .st1 .theme_hd2_3, .st1 .theme_hd2_4, .st1 .theme_hd3_1, .st1 .theme_hd3_2, .st1 .theme_hd3_3, .st1 .theme_hd4_1, .st1 .theme_hd4_2, .st1 .theme_hd4_3, .st1 .theme_hd4_4, .st1 .theme_hd5_1, .st1 .theme_hd6_1, .st1 .theme_hd7_1, .st1 .theme_hd7_2, .st1 .theme_hd7_3{
margin: 5px 0 5px 0px;
border-bottom: 2px solid #DDD;
width:100%;height:25px;display:block;background:url(../image/home/title/wb_in_tip_blue.png) no-repeat;}
.st2 .theme_hd1_1, .st2 .theme_hd1_2, .st2 .theme_hd1_3, .st2 .theme_hd1_4, .st2 .theme_hd_brand, .st2 .theme_hd2_1, .st2 .theme_hd2_2, .st2 .theme_hd2_3, .st2 .theme_hd2_4, .st2 .theme_hd3_1, .st2 .theme_hd3_2, .st2 .theme_hd3_3, .st2 .theme_hd3_4, .st2 .theme_hd4_1, .st2 .theme_hd4_2, .st2 .theme_hd4_3, .st2 .theme_hd4_4, .st2 .theme_hd5_1, .st2 .theme_hd5_2, .st2 .theme_hd5_3, .st2 .theme_hd6_1, .st2 .theme_hd6_2, .st2 .theme_hd7_1, .st2 .theme_hd7_2, .st2 .theme_hd7_3{
margin: 5px 0 5px 0px;
border-bottom: 2px solid #DDD;
width:100%;height:25px;display:block;background:url(../image/home/title/wb_in_tip_orange.png) no-repeat;}

.st1 .theme_hd1_2{background-position:0px 0px;}
.st1 .theme_hd1_1{background-position:0px -25px;}
.st1 .theme_hd1_3{background-position:0px -50px;}
.st1 .theme_hd1_4{background-position:0px -75px;}
.st1 .theme_hd_brand{background-position:0px -100px;}
.st1 .theme_hd2_1{background-position:0px -125px;}
.st1 .theme_hd2_2{background-position:0px -150px;}
.st1 .theme_hd2_3{background-position:0px -175px;}
.st1 .theme_hd2_4{background-position:0px -125px;}

.st1 .theme_hd3_1{background-position:0px -200px;}
.st1 .theme_hd3_3{background-position:0px -225px;}
.st1 .theme_hd3_2{background-position:0px -250px;}
.st1 .theme_hd4_1{background-position:0px -275px;}
.st1 .theme_hd4_3{background-position:0px -300px;}
.st1 .theme_hd4_2{background-position:0px -325px;}
.st1 .theme_hd4_4{background-position:0px -350px;}
.st1 .theme_hd5_1{background-position:0px -375px;}
.st1 .theme_hd5_2{background-position:0px -375px;}
.st1 .theme_hd6_1{background-position:0px -400px;}
.st1 .theme_hd6_2{background-position:0px -400px;}
.st1 .theme_hd7_1{background-position:0px -425px;}
.st1 .theme_hd7_2{background-position:0px -450px;}
.st1 .theme_hd7_3{background-position:0px -475px;}

.st2 .theme_hd_brand{background-position:0px -100px;}

.st2 .theme_hd1_3{background-position:0px 	0px;}
.st2 .theme_hd1_1{background-position:0px -25px;}
.st2 .theme_hd1_2{background-position:0px -50px;}
.st2 .theme_hd1_4{background-position:0px -75px;}

.st2 .theme_hd2_1{background-position:0px -100px;}
.st2 .theme_hd2_2{background-position:0px -125px;}
.st2 .theme_hd2_3{background-position:0px -150px;}
.st2 .theme_hd2_4{background-position:0px -175px;}

.st2 .theme_hd3_1{background-position:0px -200px;}
.st2 .theme_hd3_2{background-position:0px -225px;}
.st2 .theme_hd3_3{background-position:0px -250px;}
.st2 .theme_hd3_4{background-position:0px -275px;}

.st2 .theme_hd4_1{background-position:0px -300px;}
.st2 .theme_hd4_2{background-position:0px -325px;}
.st2 .theme_hd4_3{background-position:0px -350px;}
.st2 .theme_hd4_4{background-position:0px -375px;}

.st2 .theme_hd5_1{background-position:0px -400px;}
.st2 .theme_hd5_2{background-position:0px -425px;}
.st2 .theme_hd5_3{background-position:0px -450px;}

.st2 .theme_hd6_1{background-position:0px -525px;}
.st2 .theme_hd6_2{background-position:0px -500px;}

.st2 .theme_hd7_1{background-position:0px 0px;}
.st2 .theme_hd7_2{background-position:0px 0px;}
.st2 .theme_hd7_3{background-position:0px 0px;}

.card_hd1, .card_hd2, .card_hd3, .card_hd4, .card_hd5{width:250px;height:40px;display:block;background:url(../image/home/title/page_card_in_title.png) no-repeat;}
.card_hd1{background-position:0px 0px;}
.card_hd2{background-position:0px -40px;}
.card_hd3{background-position:0px -80px;}
.card_hd4{background-position:0px -120px;}
.card_hd5{background-position:0px -160px;}

.link_logo ul{list-style: none;float:left;margin-top:0px;}
.link_logo ul li{height:auto;cursor:pointer;width:auto;float:left;list-style: none;padding:5px;}
.link_logo ul li:hover{cursor:pointer;}

.link_logo ul li img{
padding:5px;
background:#fff;
-webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -o-transition-duration:0.8s; transition-duration:0.8s;

        border-radius: 5px;
   -moz-border-radius: 5px;
-webkit-border-radius: 5px;

}
.link_logo ul li:hover img{
background:#CCC;
-webkit-transition-duration:.2s; -moz-transition-duration:.2s; -o-transition-duration:.2s; transition-duration:.2s;

        border-radius: 5px;
   -moz-border-radius: 5px;
-webkit-border-radius: 5px;

}

/* guide */
.tblbox_out{
	background:#DDD;
	line-height:25px;
	border-spacing:1px;
	border-collapse: separate;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.tblbox_out tr:nth-child(odd) td{
	background:#eeeeee;
}
.tblbox_out tr:nth-child(even) td{
	background:#ffffff;
}

.tblbox_out td:first-child a{color:#000;text-decoration:none;}
.tblbox_out td:first-child a:hover{color:#ff0080;}
.st1 .tblbox_out td:first-child a:hover{color:#90b736;}
.st2 .tblbox_out td:first-child a:hover{color:#95539a;}

.tblbox_final td:first-child {
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
}
.tblbox_final td:last-child{
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}
.tblbox th{
	background: #666465;
	color:#FFF;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding:2px 0 0 5px;
	text-align:center;
}
.tblbox_center td:first-child {text-align:center;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
}
.tblbox2 th:first-child {
background: #666465;
color:#FFF;
padding:2px 0 0 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
}
.tblbox2 th{
background: #666465;
color:#FFF;
padding:2px 0 0 5px;
text-align:center;
line-height:32px;
font-size:15px;
}
.tblbox2 th:last-child{
background: #666465;
color:#FFF;
padding:2px 0 0 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}
.map_tipbox{position:relative;}
.map_btn a{
position: absolute;
width:36px;height:36px;display:inline-block;background:url(../image/home/button/index_map_v.png) no-repeat;}
.map_btn a{background-position:0px 0px;}
.map_btn a:hover{background-position:0px -36px;}


.srvlist_blank{ margin:0px;padding-left:0px;}
.srvlist_blank li{
width:20px; height:20px;display:inline-block; overflow:hidden; cursor:pointer;margin:0px 2px 0px 0px;
}
.srvlist_blank li:hover{border:#Ff0 0px solid;}

.srvlist{ margin:0px;padding-left:0px;}
.srvlist li{
width:20px; height:20px;display:inline-block; overflow:hidden; cursor:pointer;margin:0px 2px 0px 0px;
border:#FFF 3px solid;
        border-radius: 5px;
   -moz-border-radius: 5px;
-webkit-border-radius: 5px;	
-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
}
.srvlist li:hover{border:#Ff0 3px solid;}
.srv_icon1, .srv_icon2, .srv_icon3, .srv_icon4, .srv_icon5, .srv_icon6, .srv_icon7, .srv_icon8, .srv_icon9, .srv_icon10, .srv_icon11, .srv_icon12, .srv_icon13, .srv_icon14, .srv_icon15, .srv_icon16, .srv_icon17, .srv_icon18, .srv_icon19, .srv_icon20, .srv_icon21, .srv_icon22, .srv_icon23{width:20px;height:20px;display:inline-block;background:url(../image/iconpic/service_bt.png) no-repeat;}

.srvlist_blank li.srv_icon1 {background-position:-20px 0px;}
.srvlist_blank li.srv_icon2 {background-position:-20px -20px;}
.srvlist_blank li.srv_icon3 {background-position:-20px -40px;}
.srvlist_blank li.srv_icon4 {background-position:-20px -60px;}
.srvlist_blank li.srv_icon5 {background-position:-20px -80px;}
.srvlist_blank li.srv_icon6 {background-position:-20px -100px;}
.srvlist_blank li.srv_icon7 {background-position:-20px -120px;}
.srvlist_blank li.srv_icon8 {background-position:-20px -140px;}
.srvlist_blank li.srv_icon9 {background-position:-20px -160px;}
.srvlist_blank li.srv_icon10 {background-position:-20px -180px;}
.srvlist_blank li.srv_icon11 {background-position:-20px -200px;}
.srvlist_blank li.srv_icon12 {background-position:-20px -220px;}
.srvlist_blank li.srv_icon13 {background-position:-20px -240px;}
.srvlist_blank li.srv_icon14 {background-position:-20px -260px;}
.srvlist_blank li.srv_icon15 {background-position:-20px -280px;}
.srvlist_blank li.srv_icon16 {background-position:-20px -300px;}
.srvlist_blank li.srv_icon17 {background-position:-20px -320px;}
.srvlist_blank li.srv_icon18 {background-position:-20px -340px;}
.srvlist_blank li.srv_icon19 {background-position:-20px -360px;}
.srvlist_blank li.srv_icon20 {background-position:-20px -380px;}
.srvlist_blank li.srv_icon21 {background-position:-20px -400px;}
.srvlist_blank li.srv_icon22 {background-position:-20px -420px;}
.srvlist_blank li.srv_icon23 {background-position:-20px -440px;}
/* slider */
#slideshow{background:#e6e6e6;margin:3px;}
#slideshow2 ul { left: 5px; }
/* slideshow gallery */

.slideshowlite {
	position: relative;
	overflow: hidden;
}
.slideshowlite a {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	text-align: center;
}

.slideshowlite img {
	border:0px;
}

/* pagination control */

.slideshowlite ul,
.slideshowlite ol {
	list-style: none;
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: 5px;
	right: 5px;
	z-index: 3;
}

.slideshowlite ul li,
.slideshowlite ol li {
	float: left;
	margin: 0 3px;
	width: 16px;
}

.slideshowlite ul li a {
	position: relative;
	display: block;
	width: 100%;
	height: 14px;
	padding-top: 2px;
	text-decoration: none;
	color: #fff;
	background: #fff;
	border: 1px solid #666;
	text-align: center;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	
	border-radius: 10px 10px;
	-moz-border-radius: 10px 10px;
	-webkit-border-radius: 10px 10px;

	-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
}

.slideshowlite ul li a.current {
	color: #595959;
	font-weight: bold;
	border: 2px solid #FFFFFF;
	background: #595959;
	
	border-radius: 10px 10px;
	-moz-border-radius: 10px 10px;
	-webkit-border-radius: 10px 10px;

	-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4);
}
.slideshowlite ul li a.current:hover {
	color: #797979;
	background: #797979;
}
.slideshowlite ul li a:hover {
	color: #999;
	background: #999;
}
	
/* caption control */

.slideshowlite ol {
	top: 5px;
	position: relative;
	overflow: hidden;
	width: 100%;
	font-size: 14px;
	color: #fff;
	background: #000;
	padding: 3px 10px;
}

.slideshowlite ol li {
		width: 100%;
}
.main_gotop a {
	height:40px;
	width:80px;
	display:block;
	background:url(../image/button/up.png) 0px 0px no-repeat;
}
.main_gotop a:hover {
	background:url(../image/button/up.png) 0px -40px no-repeat;
}
.job_content_box{width:890px;height:auto;margin-left:30px;}

/* for board popup */
.popupbox{height:485px;width:auto;display:block;}
.popup_head{
font-size:14px;
font-family:Verdana, Geneva, sans-serif, "微軟正黑體";
font-weight:bold;
color:#F00;
width: 565px;
height: 68px;
display: block;
background: url(../image/home/box/index_if_box1.png) 0px 0px no-repeat;
line-height: 39px;
text-indent: 67px;
vertical-align:top;
}
.popup_head span{margin:4px 4px 0 0;}
.popup_inbox{
position: relative;
top: 10px;
left: 40px;
width: 485px;
height: 213px;
line-height: 20px;
font-size: 13px;
}
.popup_body{width:565px;height:223px;min-height:223px;display:block;background:url(../image/home/box/index_if_box2.png) 0px 0px repeat-y;}
.popup_body img{
	margin:5px;
        border-radius: 5px;
   -moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
   -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);	
}
.popup_bottom{width:565px;height:55px;display:block;background:url(../image/home/box/index_if_box3.png) 0px 0px no-repeat;}
.circle_close a{display:block;height:28px;width:28px;clear:both;overflow:hidden;}
.circle_close a{background: url(../image/home/button/index_if_x.png) 0px 0px no-repeat;}
.circle_close a:hover {background: url(../image/home/button/index_if_x.png) 0px -28px no-repeat;}

.circle_close2 a{display:block;height:30px;width:30px;clear:both;overflow:hidden;}
.circle_close2 a{background: url(../image/close.png) 0px 0px no-repeat;}

.popbox_in_menu {
  width: 485px;
  height:223px;
  margin-left:0px;
  margin-top:0px;
  margin-bottom:0px;
  position: relative;
}
.popbox_in_menu .wrapper {
  width: 485px; /* .popbox_in_menu width - (.wrapper margin-left + .wrapper margin-right) */
  height:223px;
  overflow: auto;
  min-height: 10em;
  margin: 0 0px;
  position: absolute;
  top: 0;
}
.popbox_in_menu ul a img {  border: 0px solid #000;}
.popbox_in_menu .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}
.popbox_in_menu ul li {
  display:block;
  float:left;
  padding: 0px 0px;
  height: 223px;
  width: 485px; 
}
.popbox_in_menu ul li a img {  display:block;}
.popbox_in_menu .arrow {
  display: block;
  height: 35px;
  width: 25px;
  background: url(../image/home/button/pr_v2.png) no-repeat 10px 0;
  text-indent: -9999px;
  position: absolute;
  top: 100px;
  cursor: pointer;
}
.popbox_in_menu .forward {  background-position: 0px 0;  right: -29px;}
.popbox_in_menu .back {  background-position: 0px -70px;  left: -29px;}
.popbox_in_menu .forward:hover {  background-position: 0px -35px;}
.popbox_in_menu .back:hover {  background-position: 0px -105px;}
.popbox_in_title, .popbox_in_title a{
/**text-shadow: 1px 1px 1px #979797;**/
color:#3a3a3a;
width: 485px;
height: 25px;
display: block;
font-weight: bold;
font-size: 14px;
font-family: Verdana, Geneva, sans-serif,"微軟正黑體";
border-bottom: 2px solid #DDD;
text-decoration:none;
}
.popbox_in_body{color:#404040;width:485px;height:150px;display:block;font-size:12px;font-family:Verdana, Geneva, sans-serif,"微軟正黑體";}
.popbox_in_download{width:485px;height:20px;display:block;font-size:12px;font-family:Verdana, Geneva, sans-serif,"微軟正黑體";}
.brandmore_in_menubox{width:300px;height:300px;display:block;}
.brandmore_in_menu {
  width: 300px;
  height:60px;
  margin-left:0px;
  margin-top:10px;
  margin-bottom:0px;
  position: relative;
}
.brandmore_in_menu .wrapper {
  width: 300px; /* .brandmore_in_menu width - (.wrapper margin-left + .wrapper margin-right) */
  height:60px;
  overflow: auto;
  min-height: 10em;
  margin: 0 0px;
  position: absolute;
  top: 0;
}
.brandmore_in_menu ul a img {  border: 0px solid #000;}
.brandmore_in_menu .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}
.brandmore_in_menu ul li {
  display:block;
  float:left;
  padding: 0px 0px;
  height: 60px;
  width: 105px;
  margin-left:0px;
}
.brandmore_in_menu ul li a img {  display:block;}
.brandmore_in_menu .arrow {
  display: block;
  height: 35px;
  width: 25px;
  background: url(../image/home/button/pr_v2.png) no-repeat 10px 0;
  text-indent: -9999px;
  position: absolute;
  top: 27px;
  cursor: pointer;
}
.brandmore_in_menu .forward {  background-position: 0px 0;  right: -11px;}
.brandmore_in_menu .back {  background-position: 0px -70px;  left: -11px;}
.brandmore_in_menu .forward:hover {  background-position: 0px -35px;}
.brandmore_in_menu .back:hover {  background-position: 0px -105px;}

/* dm */
.dm_menu ul{list-style: none;float:left;margin:0px;padding:0px;width:880px;}
.dm_menu ul li{
width: 200px;
height: 360px;
cursor: pointer;
float: left;
margin: 0 40px 10px 40px;
}
.dm_menu ul li:hover{color:#ff0080;background-position:left bottom;cursor:pointer;}
.dm_menu ul li:hover .dm_title a{color:#ff0080;}
.dm_imgbox{width:200px;height:300px;}
.dm_title {text-align:left;}
.dm_title a{color:#3a3a3a;text-decoration:none;width:200px;height:20px;font-size:15px;font-weight:bold;text-align:left;/**text-shadow: 1px 1px 1px #979797;**/}
.dm_title a:hover{color:#ff0080;}

.st1 .dm_title a:hover{color:#90b736;}
.st2 .dm_title a:hover{color:#95539a;}
.st1 .dm_menu ul li:hover{color:#90b736;background-position:left bottom;cursor:pointer;}
.st2 .dm_menu ul li:hover{color:#95539a;background-position:left bottom;cursor:pointer;}
.st1 .dm_menu ul li:hover .dm_title a{color:#90b736;}
.st2 .dm_menu ul li:hover .dm_title a{color:#95539a;}

.dm_dt{width:200px;height:20px;text-align:left;}
.dm_share{width:200px;height:20px;}

/* dm detail */
.dm_d_box{
width: 880px;
height: auto;
cursor: pointer;
float: left;
margin: 0 0px 10px 0px;
}
.dm_d_imgbox{width:880px;height:auto;text-align:center;}
.dm_d_imgbox img{
-webkit-box-shadow: 0px 2px 11px 4px rgba(0, 0, 0, 0.4);
   -moz-box-shadow: 0px 2px 11px 4px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 2px 11px 4px rgba(0, 0, 0, 0.4);	
}
.dm_d_title {text-align:left;}
.dm_d_title a{color:#3a3a3a;text-decoration:none;width:200px;height:20px;font-size:15px;font-weight:bold;text-align:left;/**text-shadow: 1px 1px 1px #979797;**/}
.dm_d_page {
width: 500px;
height: 30px;
float: right;
position: relative;
top: -55px;
}

.dm_d_dt{width:260px;height:6px;text-align:left;}
.dm_d_share{width:200px;height:20px;}

/**/
.dm_in_cover_title{float:left;width:360px;height:20px;font-size:16px;font-weight:bold;font-family:Verdana, Geneva, sans-serif,"微軟正黑體";}
.dm_in_cover_dt{float:left;width:280px;}
.dm_in_cover_share{float:right;width:80px;height:25px;}
.st_in_btn_fb a{width:20px;height:20px;display:inline-block;background: #000000 url(../image/home/menu/index_fb.png) 0px 0px no-repeat;float:left;margin-right:10px;}
.st_in_btn_twitter a{width:20px;height:20px;display:inline-block;background: #000000 url(../image/home/menu/index_b.png) 0px 0px no-repeat;float:left;margin-right:10px;}

.dm_in_cover_box{
margin-top:45px;
padding:5px;
width:350px;
height:510px;
border:1px solid #999;
        border-radius: 5px;
   -moz-border-radius: 5px;
-webkit-border-radius: 5px;
position:relative;
}
.dm_in_menu {min-height:570px;}
.dm_in_menu ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
list-style: none;
float:left;margin:0px;padding:14px 0 0 42px;width:410px;}
.dm_in_menu ul li{
width: 105px;
height: 180px;
cursor: pointer;
float: left;
margin: 0 35px 10px 0px;
}
.dm_in_menu ul li:hover{background-position:left bottom;cursor:pointer;}
.dm_in_imgbox{width:105px;height:150px;}
.dm_in_title {
border-bottom: 2px solid #cecece;
margin: 0px 0 3px 0;
padding: 0 0 6px 0;
width:105px;
text-align:left;
}
.dm_in_title a{color:#3a3a3a;text-decoration:none;width:105px;height:20px;font-size:15px;font-weight:bold;/**text-shadow: 1px 1px 1px #979797;**/}

.contact_form{
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif,"微軟正黑體";
	font-weight:bold;
}
.contact_form td:first-child {
text-align:right;
width:80px;
line-height:30px;
vertical-align:top;
}
.contact_form td:last-child {
	width:300px;
}

.hide_120 {height:120px;}
.hide_80 {height:80px;}
.hide_40 {height:40px;}
.hide_25 {height:25px;line-height:25px;}
.hide_5 {height:5px;line-height:5px;}
.wide_40 {width:40px;}
.wide_50 {width:50px;}
.wide_60 {width:60px;}
.wide_70 {width:70px;}
.wide_80 {width:80px;}
.wide_100 {width:100px;}
.wide_110 {width:100px;}
.wide_120 {width:120px;}
.wide_130 {width:120px;}
.wide_140 {width:140px;}
.wide_150 {width:150px;}
.wide_175 {width:175px;}
.wide_200 {width:200px;}
.wide_250 {width:250px;}
.wide_300 {width:300px;}
.wide_400 {width:400px;}
.wide_450 {width:450px;}
.wide_500 {width:500px;}
.wide_600 {width:600px;}
.wide_700 {width:700px;}
.wide_file {width:260px;}
.wide_auto {width:100%;}
.hide_auto {height:100%;}

.icon_refresh {
	display			: block;
	background-color: #C5D3D9;
	width			: 36px;
	height			: 18px;
	border			: 1px solid #93b5c3;
	FILTER			: Alpha(opacity=50);
}
.icon_refresh a {
	display			: block;
	text-decoration	: none;
	width			: 36px;
	height			: 18px;
	overflow		: hidden;
	background		: url(../image/button/refresh.png) 50% 50% no-repeat;
}
.icon_refresh a:hover {
	color			: #FF3300;
	background		: #b5c3c9 url(../image/button/refresh.png) 50% 50% no-repeat;
}

.btn_go a, .btn_ok a, .btn_cancel a{width:97px;height:27px;display:inline-block;background:url(../image/home/button/store_bt03.png) no-repeat;}
.btn_go a{background-position:0px 0px}
.btn_go a:hover{background-position:0px -27px}
.btn_ok a{background-position:0px -54px}
.btn_ok a:hover{background-position:0px -81px}
.btn_cancel a{background-position:0px -108px}
.btn_cancel a:hover{background-position:0px -135px}

/* search popbox */
.search_popbox_close a{
position: absolute;
top: 6px;
left: 186px;
cursor: pointer;
height: 25px;
display: block;
background: url(../image/home/button/index_search_x.png) no-repeat;
z-index: 11;
width: 25px;
}
.search_popbox_close a{background-position:0px 0px;}
.search_popbox_close a:hover{background-position:0px -25px;}

.search_tip{font-size:14px;font-weight:bold;margin-left:20px;}
.search_flatbox{
margin:5px 0 5px 32px;
position: relative;
width: 880px;
height: 162px;
background: url(../image/home/bg/index_search_back_b.png) 0px 0px no-repeat;	
}
.en .search_flatbox{
margin:5px 0 5px 32px;
position: relative;
width: 880px;
height: 162px;
background: url(../image/home/bg/index_search_back_b_en.png) 0px 0px no-repeat;	
}
.search_popbox{
display:none;
position: relative;
top: 0px;
left: 763px;
width: 217px;
height: 565px;
background: url(../image/home/bg/index_search_back_a.png) 0px 0px no-repeat;
z-index:10;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
   -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);	
}
.en .search_popbox{
display:none;
position: relative;
top: 6px;
right:0px;
width: 217px;
height: 565px;
background: url(../image/home/bg/index_search_back_a_en.png) 0px 0px no-repeat;
z-index:10;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
   -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.4);	
}
.search_by_brand{
width: 158px;
line-height: 20px;
position: relative;
top: 55px;
left: -28px;
color:#b1b2b2;
}
.search_by_brandkind{
width: 158px;
line-height: 20px;
position: relative;
top: 149px;
left: -28px;
color:#b1b2b2;
margin-top:5px;
}
.search_flatbox .search_by_brand{
width: 158px;
line-height: 20px;
position: relative;
top: 42px;
left: 14px;
color: #B1B2B2;
}
.search_flatbox .search_by_brandkind{
width: 158px;
line-height: 20px;
position: relative;
top: -8px;
left: 228px;
color: #B1B2B2;
margin-top: 5px;
}
.btn_go_box1{
width: 158px;
position: relative;
top: 85px;
left: 33px;
text-align: center;
}
.btn_go_box2{
width: 158px;
position: relative;
top: 152px;
left: 33px;
text-align: center;
}

.search_flatbox .btn_go_box1{
width: 158px;
position: relative;
top: 97px;
left: 17px;
text-align: center;
}
.search_flatbox .btn_go_box2{
width: 158px;
position: relative;
top: 4px;
left: 231px;
text-align: center;
}
.search_flatbox .search_num_menu{
margin: 0px;
padding: 0px;
width: 215px;
position: relative;
top: -217px;
left: 650px;
}
.search_num_menu{
margin: 0px;
padding: 0px;
width: 215px;
position: relative;
top: 209px;
left:-20px;
}
.search_num_menu ul{
margin-left: 25px;
padding: 0px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
list-style: none;
}
.search_num_menu ul li {cursor:pointer;}
.q_1, .q_2, .q_3, .q_4, .q_5, .q_6, .q_7, .q_8, .q_9, .q_0{width:18px;height:22px;display:inline-block;overflow:hidden;background:url(../image/home/button/index_search_mbt.png) no-repeat;}
.q_1{background-position: -54px 0px;}
li.q_1:hover{background-position: -54px -22px;}
li.q_1.selected{background-position: -54px -22px;}
.q_2{background-position: -54px -44px;}
li.q_2:hover{background-position: -54px -66px;}
li.q_2.selected{background-position: -54px -66px;}
.q_3{background-position: -54px -88px;}
li.q_3:hover{background-position: -54px -110px;}
li.q_3.selected{background-position: -54px -110px;}
.q_4{background-position: -54px -132px;}
li.q_4:hover{background-position: -54px -154px;}
li.q_4.selected{background-position: -54px -154px;}
.q_5{background-position: -54px -176px;}
li.q_5:hover{background-position: -54px -198px;}
li.q_5.selected{background-position: -54px -198px;}
.q_6{background-position: -54px -220px;}
li.q_6:hover{background-position: -54px -242px;}
li.q_6.selected{background-position: -54px -242px;}
.q_7{background-position: -54px -264px;}
li.q_7:hover{background-position: -54px -286px;}
li.q_7.selected{background-position: -54px -286px;}
.q_8{background-position: -54px -308px;}
li.q_8:hover{background-position: -54px -330px;}
li.q_8.selected{background-position: -54px -330px;}
.q_9{background-position: -54px -352px;}
li.q_9:hover{background-position: -54px -374px;}
li.q_9.selected{background-position: -54px -374px;}
.q_0{background-position: -54px -396px;}
li.q_0:hover{background-position: -54px -418px;}
li.q_0.selected{background-position: -54px -418px;}

.search_flatbox .search_word_menu{
margin: 0px;
padding: 0px;
width: 215px;
position: relative;
top: -109px;
left: 416px;
}
.search_word_menu{
margin: 0px;
padding: 0px;
width: 215px;
position: relative;
top: 199px;
left:-20px;
}
.search_word_menu ul{
margin-left: 25px;
padding: 0px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
list-style: none;
}
.search_word_menu ul li {cursor:pointer;}
.q_a, .q_b, .q_c, .q_d, .q_e, .q_f, .q_g, .q_h, .q_i, .q_j{width:18px;height:22px;display:inline-block;overflow:hidden;background:url(../image/home/button/index_search_mbt.png) no-repeat;}
.q_k, .q_l, .q_m, .q_n, .q_o, .q_p, .q_q, .q_r, .q_s, .q_t{width:18px;height:22px;display:inline-block;overflow:hidden;background:url(../image/home/button/index_search_mbt.png) no-repeat;}
.q_u, .q_v, .q_w, .q_x, .q_y, .q_z{width:18px;height:22px;display:inline-block;overflow:hidden;background:url(../image/home/button/index_search_mbt.png) no-repeat;}

.q_a{background-position: 0px 0px;}
li.q_a:hover{background-position: 0px -22px;}
li.q_a.selected{background-position: 0px -22px;}
.q_b{background-position: 0px -44px;}
li.q_b:hover{background-position: 0px -66px;}
li.q_b.selected{background-position: 0px -66px;}
.q_c{background-position: 0px -88px;}
li.q_c:hover{background-position: 0px -110px;}
li.q_c.selected{background-position: 0px -110px;}
.q_d{background-position: 0px -132px;}
li.q_d:hover{background-position: 0px -154px;}
li.q_d.selected{background-position: 0px -154px;}
.q_e{background-position: 0px -176px;}
li.q_e:hover{background-position: 0px -198px;}
li.q_e.selected{background-position: 0px -198px;}
.q_f{background-position: 0px -220px;}
li.q_f:hover{background-position: 0px -242px;}
li.q_f.selected{background-position: 0px -242px;}
.q_g{background-position: 0px -264px;}
li.q_g:hover{background-position: 0px -286px;}
li.q_g.selected{background-position: 0px -286px;}
.q_h{background-position: 0px -308px;}
li.q_h:hover{background-position: 0px -330px;}
li.q_h.selected{background-position: 0px -330px;}
.q_i{background-position: 0px -352px;}
li.q_i:hover{background-position: 0px -374px;}
li.q_i.selected{background-position: 0px -374px;}
.q_j{background-position: 0px -396px;}
li.q_j:hover{background-position: 0px -418px;}
li.q_j.selected{background-position: 0px -418px;}

.q_k{background-position: -18px 0px;}
li.q_k:hover{background-position: -18px -22px;}
li.q_k.selected{background-position: -18px -22px;}
.q_l{background-position: -18px -44px;}
li.q_l:hover{background-position: -18px -66px;}
li.q_l.selected{background-position: -18px -66px;}
.q_m{background-position: -18px -88px;}
li.q_m:hover{background-position: -18px -110px;}
li.q_m.selected{background-position: -18px -110px;}
.q_n{background-position: -18px -132px;}
li.q_n:hover{background-position: -18px -154px;}
li.q_n.selected{background-position: -18px -154px;}
.q_o{background-position: -18px -176px;}
li.q_o:hover{background-position: -18px -198px;}
li.q_o.selected{background-position: -18px -198px;}
.q_p{background-position: -18px -220px;}
li.q_p:hover{background-position: -18px -242px;}
li.q_p.selected{background-position: -18px -242px;}
.q_q{background-position: -18px -264px;}
li.q_q:hover{background-position: -18px -286px;}
li.q_q.selected{background-position: -18px -286px;}
.q_r{background-position: -18px -308px;}
li.q_r:hover{background-position: -18px -330px;}
li.q_r.selected{background-position: -18px -330px;}
.q_s{background-position: -18px -352px;}
li.q_s:hover{background-position: -18px -374px;}
li.q_s.selected{background-position: -18px -374px;}
.q_t{background-position: -18px -396px;}
li.q_t:hover{background-position: -18px -418px;}
li.q_t.selected{background-position: -18px -418px;}

.q_u{background-position: -36px 0px;}
li.q_u:hover{background-position: -36px -22px;}
li.q_u.selected{background-position: -36px -22px;}
.q_v{background-position: -36px -44px;}
li.q_v:hover{background-position: -36px -66px;}
li.q_v.selected{background-position: -36px -66px;}
.q_w{background-position: -36px -88px;}
li.q_w:hover{background-position: -36px -110px;}
li.q_w.selected{background-position: -36px -110px;}
.q_x{background-position: -36px -132px;}
li.q_x:hover{background-position: -36px -154px;}
li.q_x.selected{background-position: -36px -154px;}
.q_y{background-position: -36px -176px;}
li.q_y:hover{background-position: -36px -198px;}
li.q_y.selected{background-position: -36px -198px;}
.q_z{background-position: -36px -220px;}
li.q_z:hover{background-position: -36px -242px;}
li.q_z.selected{background-position: -36px -242px;}

.slink a{color:#3a3a3a;text-decoration:none;font-size:15px;}
.slink a:hover{color:#FF0080}
/* theme catalog */
.theme_menu{
width:880px;
height:auto;
min-height:360px;
}
.snote{
height: 78px;
width: 600px;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
display: block;
}
.theme_menu ul{
margin-left: 0px;
padding: 0px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
list-style: none;
}
.theme_menu ul li{
display:inline;
float:left;
width:293px;
height:300px;
cursor:pointer;
margin-bottom:30px;
}
.theme_menu ul li.fashion{
display:inline;
float:left;
width:293px;
height:340px;
cursor:pointer;
margin-bottom:30px;
}
.theme_menu ul li a{text-decoration:none;}
.theme_imgbox{width:290px;height:220px;padding:0px;}
.theme_imgbox_v{width:220px;height:290px;padding:15px;}
.theme_title {
/**border-bottom: 2px solid #cecece;**/
margin: 0px 0 3px 0;
padding: 0 0 6px 0;
width:265px;
height:20px;
font-size:14px;
font-family:Verdana, Geneva, sans-serif,"微軟正黑體";
font-weight:bold;
/**text-shadow: 1px 1px 1px #979797;**/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
.theme_title a{color:#3a3a3a;}
.theme_title a:hover{color:#FF0080;}
.theme_note {
height:50px;
margin: 0px 0 3px 0;
padding: 0 0 6px 0;
width:270px;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
.theme_note250 {
height:50px;
margin: 0px 0 3px 0;
padding: 0 0 6px 0;
width:250px;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
.theme_page{
margin-top:10px;
text-align:center;
width:880px;
float:left;
}
.st1 .theme_more_btn a{float:right;color:#3a3a3a;font-size:12px;text-decoration:none;line-height:30px;}
.st1 .theme_more_btn a:hover{color:#58659a;}
.st1 .theme_more_btn a::after{content:">";padding-left:3px;}

.st2 .theme_more_btn a{float:right;color:#3a3a3a;font-size:12px;text-decoration:none;line-height:30px;}
.st2 .theme_more_btn a:hover{color:#de6a2f;}
.st2 .theme_more_btn a::after{content:">";padding-left:3px;}

/*default pic*/
.default_theme180x115{width:180px;height:115px;display:block;background: #ffffff url(../image/home/default/comingsoon_s.png) center center no-repeat;border:1px solid #eee;
        border-radius: 5px;
   -moz-border-radius: 5px;
-webkit-border-radius: 5px;}
.default_theme220v{width:220px;height:295px;display:block;background: #ffffff url(../image/home/default/comingsoon_s.png) center center no-repeat;border:1px solid #eee;
        border-radius: 5px;
   -moz-border-radius: 5px;
-webkit-border-radius: 5px;}
.default_theme265{width:265px;height:200px;display:block;background: #ffffff url(../image/home/default/comingsoon_s.png) center center no-repeat;border:1px solid #eee;
        border-radius: 5px;
   -moz-border-radius: 5px;
-webkit-border-radius: 5px;}
.default_theme200{width:200px;height:150px;display:block;background: #ffffff url(../image/home/default/comingsoon_s.png) center center no-repeat;border:1px solid #eee;
        border-radius: 5px;
   -moz-border-radius: 5px;
-webkit-border-radius: 5px;}
.default_theme{width:290px;height:220px;display:block;background: #ffffff url(../image/home/default/comingsoon_s.png) center center no-repeat;border:1px solid #eee;
        border-radius: 5px;
   -moz-border-radius: 5px;
-webkit-border-radius: 5px;}
.default_theme_v{width:220px;height:290px;display:block;background:#ffffff url(../image/home/default/comingsoon_s.png) center center no-repeat;
top: 15px;
left: 15px;
position: relative;
}

.default_notexist{width:400px;height:200px;display:block;background:url(../image/home/default/notexist.png) 0px 0px no-repeat;}
.default_expired{width:400px;height:200px;display:block;background:url(../image/home/default/expired.png) 0px 0px no-repeat;}

.default_blanktheme{width:290px;height:220px;display:block;background: #ffffff;border:1px solid #eee;
        border-radius: 5px;
   -moz-border-radius: 5px;
-webkit-border-radius: 5px;}
.default_blanktheme_v{width:220px;height:290px;display:block;background:#ffffff;
top: 15px;
left: 15px;
position: relative;}
.default_blanktheme200{width:200px;height:150px;display:block;background: #ffffff;border:1px solid #eee;
        border-radius: 5px;
   -moz-border-radius: 5px;
-webkit-border-radius: 5px;}
.sttheme_r_box{width:250px;height:auto;display:block;background:#fafae7;padding;10px;min-height:50px;
        border-radius: 5px;
   -moz-border-radius: 5px;
-webkit-border-radius: 5px;
float:left;
position: relative;
margin-bottom: 10px;
text-align:left;
}
.sttheme_r_hd{font-size:14px;font-weight:bold;font-family:Verdana, Geneva, sans-serif,"微軟正黑體";color:#c39d62;padding:10px 0 0 17px;}
.sttheme_r_menu ul{
margin: 10px 0 0 0;
padding: 0px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
list-style: none;
}
.sttheme_r_menu ul li{
display:inline;
float:left;
width:250px;
height:25px;
cursor:pointer;
line-height:25px;
background:#fafae7;
}

.sttheme_r_menu ul li a{
text-align:left;
width: 200px;
text-decoration:none;
line-height:20px;
float:left;
color:#3a3a3a;
font-size:14px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
.sttheme_r_menu ul li::before{content: "»";
float: left;
line-height: 20px;
padding-right: 5px;
padding-left:20px;
}
.sttheme_r_menu ul li a:hover{
	color:#ff0080;
}

.st_download a{width:98px;height:28px;display:inline-block;background:url(../image/home/download.png) no-repeat;}
.st_download a{background-position:0px 0px;}
.st_download a:hover{background-position:0px -28px;}
/* bottom brand slider */
/**
.theme_brand_menu{height:15px;width:auto;}
.theme_brand_menu ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
list-style: none;
float:left;margin:0px;padding:10px 0 0 5px;width:auto;min-height:100px;}
.theme_brand_menu ul li{
width: 270px;
height: 85px;
float: left;
margin: 0 15px 10px 0px;
}
**/




.theme_brand_menu {
  width: 840px;
  height:105px;
  margin-left:20px;
  margin-top:10px;
  margin-bottom:10px;
  position: relative;
}

.theme_brand_menu .wrapper {
  width: 840px; /* .theme_brand_menu width - (.wrapper margin-left + .wrapper margin-right) */
  height:85px;
  overflow: auto;
  min-height: 10em;
  margin: 0 0px;
  position: absolute;
  top: 0;
}

.theme_brand_menu ul a img {
  border: 0px solid #000;
}

.theme_brand_menu .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.theme_brand_menu ul li {
  display:block;
  float:left;
  padding: 0px 15px 10px 0px;
  height: 85px;
  width: 270px;
  
}

.theme_brand_menu ul li a img {
  display:block;
}

.theme_brand_menu .arrow {
  display: block;
  height: 35px;
  width: 25px;
  background: url(../image/home/button/pr_v2.png) no-repeat 10px 0;
  text-indent: -9999px;
  position: absolute;
  top: 25px;
  cursor: pointer;
}
.theme_brand_menu .forward {  background-position: 0px 0;  right: -25px;}
.theme_brand_menu .back {  background-position: 0px -70px;  left: -25px;}
.theme_brand_menu .forward:hover {  background-position: 0px -35px;}
.theme_brand_menu .back:hover {  background-position: 0px -105px;}

.flash_btn a {width:184px;height:36px;display:block;background:url(../image/home/button/flash.gif) 0px 0px no-repeat;position:absolute;top:20px;left:-21px;}
.fashion_vbox{
width:250px;
height:328px;
background: #e6e6e6;
position:relative;
}

.fashion_vbox img{
width: 220px;
height: 290px;
padding: 15px;
background: #e6e6e6;
}
.theme_fashion{
text-align:left;
height:25px;width:200px;
font-size:14px;font-weight:bold;font-family:Verdana, Geneva, sans-serif,"微軟正黑體";/**text-shadow: 1px 1px 1px #979797;**/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');

position: absolute;
top: 280px;
left: 15px;
background: rgba(0, 0, 0, 0.4);
color: white;
padding-left: 20px;
line-height: 25px;
}

/* movie */
.movie_menu{width:880px;height:auto;}
.movie_menu ul{
list-style:none;
margin:0px;
padding:0px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.movie_menu ul li{
width:200px;
height:395px;
display:inline-block;
float:left;
margin:10px;
}
.mo_pic {width:200px;height:285px;display:block;}
.mo_pic img{width:200px;height:285px;}
.mo_title{
color:#5d6685;
width:200px;
height:20px;
font-size:14px;font-family:Verdana, Geneva, sans-serif,"微軟正黑體";/**text-shadow: 1px 1px 1px #979797;**/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
.mo_en{
color:#545452;
width:200px;
min-height:20px;
font-size:14px;font-family:Verdana, Geneva, sans-serif,"微軟正黑體";/**text-shadow: 1px 1px 1px #979797;**/
/**overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');**/
}
.mo_date{
color:#9e534d;
width:200px;
height:20px;
font-size:14px;font-family:Verdana, Geneva, sans-serif,"微軟正黑體";/**text-shadow: 1px 1px 1px #979797;**/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
.mo_grade1, .mo_grade2, .mo_grade3, .mo_grade4{width:20px;height:18px;display:block;color:#ffffff;margin-top:4px;}
.mo_grade1::before{content:"護";background:#aa00a6;padding:3px;}
.mo_grade2::before{content:"普";background:#40af2b;padding:3px;}
.mo_grade3::before{content:"輔";background:#ff6d00;padding:3px;}
.mo_grade4::before{content:"限";background:#ff0000;padding:3px;}


/* theme 240 */
.theme_vline_gap{
background:url(../image/home/bg/v_gap.png) 0px 0px repeat-y;
}
.theme_menu240{
width:880px;
height:auto;
min-height:360px;
}
.theme_menu240 ul{
margin-left: 0px;
padding: 0px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
list-style: none;
}
.theme_menu240 ul li{
display:inline;
float:left;
width:320px;
height:300px;
cursor:pointer;
margin-bottom:30px;
}
.theme_menu240 ul li.fashion{
display:inline;
float:left;
width:320px;
height:300px;
cursor:pointer;
margin-bottom:30px;
}
.theme_menu240 ul li a{text-decoration:none;text-align:left;}
.theme_img240box{width:240px;height:182px;padding:0px;overflow:hidden;}
.theme_title240 {
/**border-bottom: 2px solid #cecece;**/
margin: 0px 0 3px 0;
padding: 0 0 6px 0;
width:240px;
height:20px;
font-size:14px;
font-family:Verdana, Geneva, sans-serif,"微軟正黑體";
font-weight:bold;
/**text-shadow: 1px 1px 1px #979797;**/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
.theme_title240 a{color:#3a3a3a;}
.theme_title240 a:hover{color:#FF0080;}
.theme_note240 {
height:52px;
margin: 0px 0 3px 0;
padding: 0 0 6px 0;
width:240px;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}


.gap_v_line{width:2px;height:341px;background:#dcdcdc;margin-top:30px;}
.gap_v_line2{width:2px;height:395px;background:#dcdcdc;}
.gap_v_line3{width:2px;height:750px;background:#dcdcdc;margin-top:30px;}
.gap_v_line4{width:2px;height:362px;background:#dcdcdc;margin-top:30px;}