@import url(/css/main2013.css);
@import url(/css/tab_content.css);
@import url(/css/home_2tab.css);
@import url(/css/home_class.css);
/* $Workfile: home.css $, $Date: 2009/01/31 $, $Author: Frank Hou$ */
/*IMG {FILTER: gray;}*/
/*A IMG {FILTER: gray;}*/
/*A:hover IMG {FILTER:}*/
*:link, *:hover, *:focus , * {
-o-transition: color .50s ease-in-out, background-color .50s ease-in-out, border-color .50s ease-in-out;
-webkit-transition: color .50s ease-in-out, background-color .50s ease-in-out, border-color .50s ease-in-out;
-moz-transition: color .50s ease-in-out, background-color .50s ease-in-out, border-color .50s ease-in-out;
transition: color .50s ease-in-out, background-color .50s ease-in-out, border-color .50s ease-in-out;
}
.claire_table {border-collapse:collapse; border:1px solid #ddd;}
.claire_table tr, .claire_table td { border:1px solid #ddd;}
/*
#bodys {
    background-color: #eee;
    margin: 0;
    padding: 0;
}
*/
body.tb-activate {
    overflow: hidden;
}

.OS-icon img {
  filter: alpha(opacity=50);
  opacity: .5;
}

.download_close_icon {
	width: 32px;
	height: 32px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADs0lEQVR42rWXa0iTURzGn2liq5llaheJyG5EkJWVUH0IqWiEglEQmN2gD0FFEFKSQUl2IepDF5KgqIwoukEXhaCIKEPNym5iH4ySTM1bbjJdrvWcsTPmfC9nq56XP2fv9u48v/d/7hYo6gLyElhkMTIZsxkTGfH+n38yvjDeMB4z7m1GaYdKvRYF45ks9jDWMGIVefsYNxhHCPIhIgAa21gcZmxlRKtmKkQexllGAUGcygA0n8HiDmN6hMahqmfkEKLOFIDmGSzKGaP+kblUJ8NOiEpdAP+bP/8P5sEQi4IzEQDwt/lL/Lu060k0xzzZJ4IBTrHYpvevoUlxsE1KQltVg2HtiQtS4fz8A70/HEaPnSbA9gCAf6jVQqe3D58wGvYnBYhLTcarwpuoLb6rWWva3mzMPbga3Q2tKFtyCK5G3alAjI40MUQlwBUWuWbmUloQ0lyqq6EFD5YUw93YpQdxhQB5Fv8M1wSNSSY20Yasyv0DzLUgQs2lOhuacSujENFtbi0AMVmNFwAb+OGi1hMJcyYiu6YIFov2fFW9+xqiY4Zomgt5vV6UpO9Az+smJGAY23tQPRsFwCV+WK+Xp5m77Jh/bO0gCLezF40v6jB52Rxd87IdJag6fd93b0UMkmBDFK8gXRYAovPNgoFmbFuKjJN5AYhwzaVi2MeTEecr/XorAEQviYeJJMSvnr6IzKWi2AwCYigxqJ8CwGtmLjV9aybG5KRFbB6sRDaHjf0+LAC93i7N6+9VorGiDs+O3lSqL549Q7kJVMxFZmKssXhUeBlPi6+rMDiUOmE45lKKEO9Mh2Ek5mFAlBpORMmLpmLls3265g/zL+C3x4MVJ7boTlbnF+fj6/OPegCbDKdi67iRyK4+gGEpA7cH0rzi+G3f/cJdq7D82OZBEN3f2nFu/k44vmsuSmIqTpGLUSmLdVpPjZg2FvbHBQEIYV6+8xwqTw5cjEIhhPnFzAK0f/qm9/ZXi1CWq7QcSwjr+JGG41xCOJo6zMzFcjybAO+VNyTWsfHoTYnF55o6GGlc+hQ4+PbO5k6jx87Q3OcV1pbMy6sNTvTAjb/QJ0Y6AQZuyfwQpptSAdEFF49CrkjMRVoW0zwwLCLeljvQi3bmIkxzO831t+UhmTA9mLjYFK1sEpEVE4m05wS/uSGAH0LpaOZGP1qYDw9+a/0sensJY49sc2WAIBDTw2k/zVvRTRiP/EpMMmJJPCKGmlH9pgBBIIbHc2bgSysctX3o9x3PadyuUu8fqKijhCQVl8UAAAAASUVORK5CYII=') no-repeat scroll center center rgba(0, 0, 0, 0);
}

.TB-Tclose_top , .TB-Tclose_bottom{
    background: white none repeat scroll 0 0;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 1.2em;
    letter-spacing: 3px;
    padding: 3px;
    position: fixed;
    right: 20px;
    text-align: right;
    text-transform: uppercase;
    width: 70px;
    z-index: 1101;
}

.TB-Tclose_top{
    top: 18px;
}

.TB-Tclose_bottom{
    bottom: 20px;
}

.TB-Tclose-text{
    color: #333;
    display: block;
    font-size: 1.2em;
    text-align:center;
}

.TB-TOverlay {
    background: #fff none repeat scroll 0 0;
    margin: 10px auto;
    width: 862px;
	border-radius: 8px;
	border: 4px solid #ddd;
}

.TB-Wrapper {
    display: inline-block;
    height: inherit;
    transition: transform 0.3s ease-out 0s;
}

.original_amount {
    color: #CC0000;
    font-family: "Times New Roman",Times,serif,verdana,tahoma,新細明體;
    font-size: 16pt;
    font-style: italic;
    font-weight: bold;
}

.cost_down_price {
    color: #0000ff;
    font-family: "Times New Roman",Times,serif,verdana,tahoma,新細明體;
    font-size: 18pt;
    font-style: italic;
    font-weight: bold;
}
span.teachkey {
	display: inline-block;
	border: 1px solid #ddd;
	padding: 1px 6px;
	color: #000000;
	border-radius: 5px;
	box-shadow: 0 1px 1px #bbb;
	}
	
IMG {
	border:0;
	/*vertical-align:middle;*/
	}
A IMG {
	border:0;
	/*vertical-align:middle;*/
	}
.pointer_class{
	CURSOR: pointer;
}

.main_width{
	width: 100%;
}

.main_body{
	width: 100%;
	background-color: #eee;
	display:inline-block;
	margin-top:9px;
}

.price_2015 {
	font-family: "Century Gothic","Times New Roman",Times,serif,verdana,tahoma,"新細明體";
}

/* 2015-0302 frank */
.content-container {
	box-sizing: border-box;
	max-width: 1188px;
    min-width: 988px;
	width: 100%;
	margin: 0 auto;
	padding: 6px;
}

.main-container {
    background: none repeat scroll 0 0 white;
    box-shadow: 0 0 5px rgba(107, 110, 112, 0.4);
    margin: 0 auto;
    max-width: 1200px;
    min-width: 1000px;
}

.main-nav { border-bottom: #DDDDDD 1px solid; }

.main-nav li {
	margin-right: 2px;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 1px 1px 1px rgba(80, 80, 80, 0.4);
}

.main-nav li a { display: block; padding: 12px 24px; }

/*.main-nav li.active { background-color: #A7DDFF; padding: 12px 24px; }*/

.main-nav li a:hover { background-color: #A7DDFF; }

footer {
	margin-top: 10px;
	padding: 15px 20px 10px 20px;
	overflow: hidden;
	background-color: rgba(237, 237, 237, 0.4);
	clear: both;
}
footer p {	
	float: left;
	margin-top: 6px;
	color: #909090;
}
footer i {	
	display: inline-block;
	padding: 5px; 
}
footer i:hover, footer i:active { color: #A7DDFF; }

.pagemode_down{
 	/*background: url("../css/pic/down.png") no-repeat scroll center center rgba(0, 0, 0, 0);*/
	background: url("../css/pic/down_hover.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    float: left;
}

.pagemode_down:hover, .pagemode_down:focus {
	background: url("../css/pic/down_hover.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.pagemode_left{
 	/*background: url("../css/pic/left.png") no-repeat scroll center center rgba(0, 0, 0, 0);*/
	background: url("../css/pic/left_hover.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    float: left;
}

.pagemode_left:hover, .pagemode_left:focus {
	background: url("../css/pic/left_hover.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.pagemode_right{
 	background: url("../css/pic/right.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    float: right;
}

.pagemode_right:hover, .pagemode_right:focus {
	background: url("../css/pic/right_hover.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.height_18{
	height:18px;
	line-height:18px;
}
#creditcard_Installment {
	background-color: #505050;
    color: #FFFFFF;
    cursor: default;
    left: 0;
    line-height: 2.1em;
    margin: 0;
    padding: 3px;
    top: -152px;
    width: 276px;
   } 
.Round_Block_gray {
	cursor: pointer;
	background: none repeat scroll 0 0 #eeeeee;
	border: 1px solid rgb(174, 174, 174);
	border-radius: 6px;
	margin: 0 0 0 6px;
	height: 38px;
	width: 86px;
}

.Round_Block_pink {
	cursor: pointer;
	background: none repeat scroll 0 0 rgb(255, 228, 202);
	border: 1px solid rgb(174, 174, 174);
	border-radius: 6px;
	margin: 0 0 0 6px;
	height: 38px;
	width: 86px;
}

.Round_Shadow_gray {
	cursor: pointer;
	font-size:12px;
	background: none repeat scroll 0 0 rgb(238, 239, 255);
	border: 1px solid rgb(174, 174, 174);
	border-radius: 6px;
	margin: 0 0 0 6px;
	height: 38px;
	width: 86px;
	box-shadow: 3px 2px 3px #888888;
}

.Round_Shadow_pink {
	cursor: pointer;
	font-size:12px;
	background: none repeat scroll 0 0 rgb(255, 228, 202);
	border: 1px solid rgb(174, 174, 174);
	border-radius: 6px;
	margin: 0 0 0 6px;
	height: 38px;
	width: 86px;
	box-shadow: 3px 2px 3px #888888;
}

.exclusive_text li {margin-top:10px;}


.product_select {
    background: #ffffff none repeat scroll 0 0;
    display: inline-block;
    float: left;
    padding: 3px;
    text-align: center;
    border: 2px solid #eee;
    border-radius: 10px;
    max-width: 100%;
    opacity: 1;
    position: relative;
    top: 0 !important;
    transition: all 1s ease 0s;
}
.product_select:hover {
    border: 2px solid #ccc;
	background: #fff none repeat scroll 0 0;
}

.product_morphsearch {
    background: #ffffff none repeat scroll 0 0;
    display: inline-block;
    float: left;
    height: 320px;
    /*padding: 3px;*/
    text-align: center;
    border: 6px solid #eee;
    border-radius: 10px;
    max-width: 100%;
    opacity: 1;
    position: relative;
    top: 0 !important;
    transition: all 1s ease 0s;
}
.product_morphsearch:hover {
    /*border: 2px solid #ccc;*/
	background: #fff none repeat scroll 0 0;
}

.Drop_Box{
	-moz-transition:margin-top .5s ease-out;
	-webkit-transition:margin-top .5s ease-out;
	-o-transition:margin-top .5s ease-out;
	-ms-transition:margin-top .5s ease-out;
}

.Drop_Box:hover{
	 margin-top:-232px;
}

.Box_Pic, .Box_Text{
	background-color:#FFF;
	color:#666;
	height:230px;
}

.Box_Text{
	 margin-top: -1px;
	position:relative;
	color:#000;
}

.Box_Text a{
	box-shadow:0 0 5px #999;
	position:absolute;
	left:70px;
	bottom:10px;
	text-decoration:none;
	color:#FFF;
	display:inline-block;
	border: solid 1px #69F;
	background-color:#6CF;
	border-radius:3px;
	width:280px;
	text-align:center;
}

.Box_Text a:hover{
	 box-shadow:0 0 5px #666;
	background-color:#6BF;
}

.img_effect {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BBBBBB;
    border-radius: 8px;
    box-shadow: 1px 1px 9px #888888;
    cursor: pointer;
    float: none !important;
    margin: 0;
    padding: 6px;
}

#promotion_info img {
    vertical-align: middle;
}

#page{
	float:left;
	background-color: #ffffff;
	margin:0 auto;
	padding:6px;
	width:990px;
}

.input_lenght_date {
	width:56px;
}

.sell_pic_class_air{
	border: 1px solid #eee;
	border-radius: 8px;
	box-shadow: 1px 1px 9px #888888;
}

.sell_pic_promotion{
    border: 1px solid #CC0000;
    border-radius: 8px;
    box-shadow: 3px 2px 3px #CC0000;
}

.sell_pic_class{
	border: 0;
}

.promotion_for_top1 ul{
    float: left;
    list-style: none outside none;
    margin: 0 0 0 2px;
    padding: 0;
    width: 550px;
}

.promotion_for_top1 ul li{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AEAEAE;
    border-radius: 6px;
    color: #333333;
    cursor: pointer;
    float: left;
    font-family: 微軟正黑體,新細明體,Verdana,Arial;
    font-size: 13pt;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 0 0 5px 7px;
    width: 100px;
}

#promotion_on_top ul{
    list-style: none outside none;
    margin: 0 0 0 2px;
    padding: 0;
    width: 988px;
}

#promotion_on_top ul li{
    background: none repeat scroll 0 0 rgb(238, 239, 255);
    border: 1px solid #AEAEAE;
    border-radius: 6px;
    color: #333333;
    cursor: pointer;
    float: left;
    font-family: 微軟正黑體,新細明體,Verdana,Arial;
    font-size: 12pt;
    font-weight: bold;
    height: 33px;
    line-height: 30px;
    margin: 0 0 5px 9px;
    width: 98px;
}

.promotion_on_icon{
	width: 24px;
	padding: 0;
	float: left;
	margin: 0 0 0 2px;
}
.promotion_on_text{
	color: rgb(80, 80, 80);
	float: left;
	text-align: center;
	margin-left: 3px;
	margin-top: 0;
	width: 68px;
}

#promotion_for_top ul{
    float: left;
    list-style: none outside none;
    margin: 0 0 0 2px;
    padding: 0;
    width: 988px;
}

#promotion_for_top ul li{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AEAEAE;
    border-radius: 6px;
    color: #333333;
    cursor: pointer;
    float: left;
    font-family: 微軟正黑體,新細明體,Verdana,Arial;
    font-size: 13pt;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 0 0 5px 7px;
    width: 100px;
}
.promotion_class_title {
    background-color: #CE0000;
    /*border: 1px solid #AEAEAE;*/
    border-radius: 6px;
    float: left;
    margin: 1px 0 0 0;
    width: 978px;
}
.promotion_class_title ul {
    list-style: none outside none;
    height: 32px;
    margin: 0 2px;
    padding: 0
}
.promotion_class_title ul li{
    float: left;
    height: 33px;
	line-height: 33px;
    padding: 0;
    font-family: 微軟正黑體,新細明體,Verdana,Arial;
    font-size: 13pt;
    font-weight: bold;
	margin-right:6px;
}
.promotion_class_title img {
    vertical-align: middle;
}

.promotion_icon{
/*position: absolute;*/
/*left: -10px;*/
/*bottom: 0;*/
width:24px;
}
.ntprice {
    color: green;
    display: inline-block;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    margin-right: 6px;
    margin-top: 6px;
    vertical-align: top;
}
.relprice_TB {
	margin-right:6px;
    color: #FF0000;
    font-family: "Century Gothic","Times New Roman",Times,serif,verdana,tahoma;
    line-height:36px;
    font-size: 32pt;
    font-weight: bold;
}

.promotion_action_class {
    background-color: #FAF9FB;
    border: 1px solid #AEAEAE;
    margin: 0 auto;
    text-align: left;

}
.promotion_action_class ul {
    float: left;
    height: 33px;
    list-style: none outside none;
    margin: 0 2px;
    padding: 0;
}
.promotion_action_class li {
	float: left;
    height: 20px;
    line-height: 22px;
    margin: 0 0 0 2px;
    overflow: hidden;
    padding: 5px;
    text-align: left;
}
.promotion_action_class ul li {
    color: #333333;
    font-family: "微軟正黑體","新細明體",Verdana,Arial;
    font-size: 13pt;
    font-weight: bold;
}
.promotion_action_class dl {
    float: left;
    margin: 0;

}

.promotion_action_class dt {
    float: left;
    margin: 3px 0 0;
    width: 195px;
}

.promotion_action_class dt span {
    color: #333333;
    float: left;
    overflow: hidden;
    padding: 6px;
    text-align: left;
    width: 183px;
    line-height:17px;
}

.promotion_class {
    background-color: #FAF9FB;
    border: 1px solid #AEAEAE;
    margin: 0 auto;
    text-align: left;

}
.promotion_class ul {
    float: left;
    height: 33px;
    list-style: none outside none;
    margin: 0 2px;
    padding: 0;
    width:976px;
}
.promotion_class li {
	float: left;
    height: 20px;
    line-height: 22px;
    margin: 0 0 0 2px;
    overflow: hidden;
    padding: 5px;
    text-align: left;
}
.promotion_class ul li {
    color: #333333;
    font-family: 微軟正黑體,新細明體,Verdana,Arial;
    font-size: 13pt;
    font-weight: bold;
}
.promotion_class dl {
    float: left;
    margin: 0;

}

.promotion_class dt {
    float: left;
    margin: 3px 0 0;
    width: 195px;
}

.promotion_class dt span {
    color: #333333;
    float: left;
    overflow: hidden;
    padding: 6px;
    text-align: left;
    width: 183px;
    line-height:17px;
}

.promotion_sale_bimg {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BBBBBB;
    /*box-shadow: 3px 2px 3px #888888;*/
    box-shadow: 1px 1px 9px #888888;
    border-radius: 8px;
    cursor: pointer;
    height: 210px;
    margin: 0;
    padding: 9px;
    width: 245px;
	float: none!important;
	display: inline-block;
}

.promotion_sale_img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BBBBBB;
    /*box-shadow: 3px 2px 3px #888888;*/
    box-shadow: 1px 1px 9px #888888;
    border-radius: 8px;
    cursor: pointer;
    height: 120px;
    margin: 0;
    padding: 9px;
    width: 150px;
	float: none!important;
	display: inline-block;
}
.promotion_offsale_img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BBBBBB;
    /*box-shadow: 3px 2px 3px #888888;*/
    box-shadow: 1px 1px 9px #888888;
    border-radius: 8px;
    cursor: pointer;
    height: 120px;
    margin: 0;
    padding: 9px;
    width: 150px;
	float: none!important;
	display: inline-block;
	filter:alpha(Opacity=50, Style=0);
	-moz-opacity:0.5;
	opacity: 0.5;
}

.channel_buycar_img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #4A4AFF;
    /*box-shadow: 3px 2px 3px #cc0000;*/
    box-shadow: 1px 1px 18px #4A4AFF;
    border-radius: 8px;
    cursor: pointer;
    height: 120px;
    margin: 0;
    padding: 9px;
    width: 150px;
	float: none!important;
}

.channel_real_img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BBBBBB;
    /*box-shadow: 3px 2px 3px #888888;*/
    box-shadow: 1px 1px 9px #888888;
    border-radius: 8px;
    cursor: pointer;
    height: 120px;
    margin: 0;
    padding: 9px;
    width: 150px;
	float: none!important;
}

#ecweb_tips{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 2px;
    position: fixed;
    right: 8px;
    bottom: 18px;
    border-radius: 6px;
    z-index: 2000;
	CURSOR: pointer;
}
.ectips_area {
	color: #0000FF;
    float: left;
    font-family: 微軟正黑體,verdana,新細明體,細明體;
    font-size: 12pt;
    font-weight: bold;
    text-align:left;
	line-height:22px;
}

.top_urgent{
	float:left;
	margin-top:10px;
	margin-right:10px;
}

#main_output{
	/*clear:both;*/
	background-color: #FAF9FB;
	margin:0 auto;
	width:100%;
	clear:left
}

#mainbody{
	/*float:left;*/
	background-color: #FFF;
	margin:0 auto;
	/*padding:1px;*/
	width:990px;
	/*border:1px solid red;*/
}

.main_promotion{                              /*promotion網頁的主要區域*/
	clear:both;
	float:left;
	background-color: #FFF;
	/*margin:6px 1px;*/
	margin:0 auto;
	min-width:990px;
	width:990px;
	margin-top:3px;
	margin-bottom: 6px;
}

.main_homepage{                              /*所有網頁的主要區域*/
	clear:both;
	float:left;
	background-color: #FFF;
	/*margin:6px 1px;*/
	margin:0 auto;
	width:100%;
	/*border:1px solid red;*/
}

#mainbody_left{
	clear:left;
	background-color: #FFF;
	width:178px;
	float:left;
	margin:3px 0 6px;
	padding:0;
	
}
#mainbody_left div.news_text{
	background-color:#FAF9FB;
	float:left;
	margin:0;
	padding:0;
}


#mainbody_left div.news_contents{
	background-color:#f5f5f5;
	/*border:1px solid #ECD693;*/
	display:block;
	margin:0;
	padding:2px 0 2px 2px;
}

#mainbody_left div.sale_class{
	background-color:#FAF9FB;
	border:1px solid #cccccc;
	float:left;
	margin:10px 0 0 3px;
	padding:0;
}
#mainbody_left div.sale_class_top{
	margin:0;
	width:172px;
}
#mainbody_left div.sale_class_top ul{
	/*border:1px solid #E2E8ED;*/
	list-style:none;
	margin:0;
	padding:0;
	/*background:transparent url(/pic/b16.gif) repeat scroll 0 0;*/
	background:transparent url(/pic/bg_sub_25.jpg) repeat scroll 0 0;
	clear:both;
	height:26px;
}
#mainbody_left div.sale_class_top li a{
	font-weight:bold;
	color:#fff;
	font-family:verdana,tahoma,Arial,Courier,sans-serif;
	font-size:11pt;
	font-style:normal;
	height:26px;
	line-height:26px;
	margin:0;
	padding:0 0 0 6px;
	text-align:center;
}

#mainbody_left div.sale_class_contents{
	background-color:#FFFFFF;
	/*border:1px solid #ECD693;*/
	display:block;
	margin:0;
	padding:2px 0 2px 2px;
}
#mainbody_left div.sale_class_contents a{
	font-family:verdana,tahoma,新細明體;
	font-size: 12px;
	line-height: 1.8em;
}
#mainbody_center{
	background-color: #ffffff;
	width:797px;
	float:right;
	margin:3px 0 0 0;
	/*border:1px solid red;*/
}
/*--------------------------------------product分館-------------------------------------------------*/
.call1_table_name {
	margin:0;
	padding:0;
	text-align:center;
	height:33px;
	line-height: 30px;
}
.call1_table_name a{
	font-family:"Microsoft YaHei",微軟正黑體,Arial,cursive;
	font-size:12pt;
	color:#000;
}

.call1_table_software {
	margin:0;
	padding:0;
	text-align:center;
	height:32px;
	line-height: 22px;
}
.call1_table_software a{
	font-family:"Microsoft YaHei",微軟正黑體,Arial,cursive;
	font-size:12pt;
	color:#fff;
}

.call2_table_name {
	margin:0;
	padding:0;
	text-align:left;
	float: left;
}
.product_menu1{
	margin:6px 0 0 4px;
	padding:0;
	height:26px;
	line-height:26px;
	overflow: hidden;
	text-align:left;

}
.product_menu2{
	margin:6px 0 0 3px;
	padding:0;
	text-align:left;
}
.product_menu_s{
	margin:0 0 0 17px;
	height:26px;
	line-height:26px;
	overflow: hidden;
	text-align:left;
}
/*--------------------------------------product分館-------------------------------------------------*/
#promotion_menu_l {margin: 0; padding-left: 0;text-align: left;}
#promotion_menu_l li{
	background: url(/pic/p_down.gif) no-repeat 3px 5px;
	padding-left: 6px;
	list-style: none;
	}
#promotion_menu_l li a{
	margin:0 0 0 17px;
	height:26px;
	line-height:26px;
	overflow: hidden;
	text-align:left;
	display: block;
}
/*----------------------------------------------------------------------首頁主力商品-------------*/
#treat_product {background: #FFF; float: left; margin-top: 10px; width: 796px;}
#today_hot {background: #FFF; float: left; margin-top: 10px; width: 796px;}
#new_product {background: #FFF; float: left; margin-top: 10px; width: 796px;}

.prdheadimg {float: left; margin-right: 6px;border:0;}
.prdarea {width: 172px; float: left; background: url(/images/middle.gif) repeat-y; margin-right: 6px;}
.prdarea h3, .prdarea img, .prdarea p {margin: 0; padding: 0;}
.prdarea h3 {height: 9px; background: url(/images/top.gif) no-repeat;}
.prdarea h3 span {display: none;}
.prdarea .prdimg {text-align: center; height: 120px;}
.prdarea .prdname {font-size: 12px; font-family: arial, 新細明體; margin: 8px 8px; line-height: 16px; height: 46px; overflow: hidden; color: #505050;text-align: left;}
.prdarea .ad_txt {font-size: 12px; font-family: arial, 新細明體; color: blue; font-weight: bold; margin: 1px 0 1px 8px; line-height: 14px; height: 27px; overflow: hidden;text-align: left;}
.prdarea .ad_adver {font-size: 12px; font-family: arial, 新細明體; color: green; font-weight: bold; margin: 1px 0 1px 8px; line-height: 14px; height: 27px; overflow: hidden;text-align: left;}
.prdarea .prdprice {color: #F00; font-weight: bold; font-size: 16px; text-align: right; font-family: arial, 新細明體; padding: 0 9px 9px; background: url(/images/bottom.gif) no-repeat bottom; height: 12px;}
.prdarea span img {
	float: left;
	margin:2px 0 0 2px;
	CURSOR: pointer;
}
/*----------------------------------------------------------------------首頁主力商品-------------*/


/*購物精靈*/
#buy_guide {
	float: right;
	width:350px;
	text-align:right;
	margin: 0;
	padding:0;
	position: relative;
	z-index:5;
}
#buy_guide ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}
#buy_guide ul li {
	color: #000;
	/*line-height: 2.1em;*/
	margin:0!important;
	margin:0;
	padding:0;
}

#to_buy_guide {
	/*border:1px solid red;*/
	background-color: #38b8ef;
	padding: 6px;
	margin: 0;
    color:#fff;
    top:30px;
    right:2px;
	display: block;
	/*border:1px solid #eeeeee;*/
	cursor: default;
	line-height: 2.1em;
	width:180px;
	position: absolute;
	z-index:5;
}

#guide_content {
	color: #fff;
	font-family:verdana,tahoma,Arial,Courier,sans-serif;
	font-size:12px;
}
#guide_content1 a {
	color: #fff;
	font-family:verdana,tahoma,Arial,Courier,sans-serif;
	font-size:12px;
}
#guide_content2 a {
	color: #fff;
	font-family:verdana,tahoma,Arial,Courier,sans-serif;
	font-size:12px;
}
#guide_content3 a {
	color: #fff;
	font-family:verdana,tahoma,Arial,Courier,sans-serif;
	font-size:12px;
}
#to_buy1{
color:#999999;
font-family:verdana,tahoma,新細明體;
font-size:10pt;
}
#to_buy2{
color:#999999;
font-family:verdana,tahoma,新細明體;
font-size:10pt;
}
#to_buy3{
}

#service_chk {
	/*border:1px solid red;*/
	background-color: #38b8ef;
	padding: 6px;
	margin: 0;
    color:#fff;
    left:0;
    top:68px;
	display: block;
	/*border:1px solid #eeeeee;*/
	cursor: default;
	line-height: 2.1em;
	width:360px;
	position: absolute;
}
#service_chk a{
    color:#fff;
}

#product_view_day_look{
	/*position: relative;*/
	text-align:left;
	float: left;
	width:984px;
	border:1px dashed red;
	margin:3px 0 3px 0;
}
#product_view_day_look p{
	margin-top: 3px;
	margin-left: 6px;
	margin-bottom: 2px;
	text-align:left;
	font-family:verdana,tahoma,新細明體;
	font-size: 12px;
	color:red;
	font-weight: bold;
}
#product_view_day_look DL{
	text-align:left;
	margin:0;
}

#product_view_day_look DT{
	float: left;
	text-align:left;
	margin:3px 10px 6px;
	CURSOR: pointer;
}
#product_view_day_look DT img{
	width:100px;
	height:80px;
	margin-bottom: 2px;
}

#product_view_day{
	position: relative;
	text-align:left;
	float: right;
	width:800px;
	border:1px dashed red;
	margin-top:0;
	margin-right:2px;
	margin-bottom: 4px;
}
#product_view_day p{
	margin-top: 3px;
	margin-left: 6px;
	margin-bottom: 2px;
	text-align:left;
	font-family:verdana,tahoma,新細明體;
	font-size: 12px;
	color:red;
	font-weight: bold;
}
#product_view_day DL{
	text-align:left;
	margin:0;
}

#product_view_day DT{
	float: left;
	text-align:left;
	margin: 6px;
	CURSOR: pointer;
}
#product_view_day DT img{
	width:148px;
	height:120px;
	margin-bottom: 2px;
}

.class_img{
	float: left;
	margin: 2px;
	width:154px;
	background-color: #fff;
}
.class_img img{
	width:150px;
	height:120px;
}

.class_txt{
	margin: 2px;
	background-color: #fff;
	/*font-family:微軟正黑體,Arial,cursive;*/
	/*font-size:11pt;*/
	color:#000;
}

#product_view_text{
	background-color: #fff;
	padding:6px;
	color:#505050;
	top:100px;
	left:-2px;
	width:478px;
	border:2px dashed #0000cc;
	position: absolute;
}
#product_view_text p.show_name{
	color: #0000cc;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	font-family: arial, 新細明體;
	padding: 0 0 6px 2px;
	margin: 0;
}

#product_view_text span.close_div{
	clear:both;
	float: left;
	color: #969696;
	text-align: left;
	margin-top:2px;
	CURSOR: pointer;
	font-weight:normal;
}
#product_view_text span.show_price{
	float: right;
	color: #F00;
	font-weight: bold;
	font-size: 16px;
	text-align: right;
	font-family: arial, 新細明體;
	padding: 0 6px;
}
#product_correlation{
    border: 1px dashed #5F5F5F;
    float: right;
    margin-bottom: 4px;
    margin-right: 2px;
    margin-top: 0;
    position: relative;
    text-align: left;
    width: 800px;
}
#product_correlation p{
	margin-top: 3px;
	margin-left: 6px;
	margin-bottom: 2px;
	text-align:left;
    font-family: 微軟正黑體,"Microsoft YaHei",verdana,新細明體,細明體;
    font-size: 12pt;
    font-style: normal;
}
#product_correlation DL{
	text-align:left;
	margin:0;
}

#product_correlation DT{
	float: left;
	text-align:left;
	margin: 3px;
	CURSOR: pointer;
}
#product_correlation DT img{
	width:150px;
	height:120px;
	margin-bottom: 2px;
}
#product_view_cookies{
	position: relative;
	text-align:left;
	float: right;
	width:795px;
	border:1px dashed red;
	margin-top:0;
	margin-right:2px;
	margin-bottom: 4px;
}
#product_view_cookies p{
	margin-top: 3px;
	margin-left: 6px;
	margin-bottom: 2px;
	text-align:left;
	font-family:verdana,tahoma,新細明體;
	font-size: 12px;
	color:red;
	font-weight: bold;
}
#product_view_cookies DL{
	text-align:left;
	margin:0;
}

#product_view_cookies DT{
	float: left;
	text-align:left;
	margin: 3px;
	CURSOR: pointer;
}
#product_view_cookies DT img{
	width:90px;
	height:72px;
	margin-bottom: 2px;
}

#product_view_text_cookies{
	padding:6px;
	color:#505050;
	top:100px;
	left:-2px;
	width:478px;
	border:1px dashed #0000cc;
	background-color: #fff;
	position: absolute;
}
#product_view_text_cookies p.show_name{
	color: #0000cc;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	font-family: arial, 新細明體;
	padding: 0 0 6px 2px;
	margin: 0;
}

#product_view_text_cookies span.close_div{
	clear:both;
	float: left;
	color: #969696;
	text-align: left;
	margin-top:2px;
	CURSOR: pointer;
	font-weight:normal;
}
#product_view_text_cookies span.show_price{
	float: right;
	color: #F00;
	font-weight: bold;
	font-size: 16px;
	text-align: right;
	font-family: arial, 新細明體;
	padding: 0 6px;
}


#call_lately_list{
	float: left;
	margin: 0 auto;
	width:800px;
	/*border:1px dashed red;*/
}

#treat_area {
	BACKGROUND: url(/pic/6a6.gif) repeat-x;
	float: left;
	width: 612px;
}

.treat_bg {
/*border:1px solid red;*/
float: left;
width: 120px;
background-color: #f3f1f9;
}
.treat_bg_right {
/*border:1px solid red;*/
float: right;
width: 140px;
background-color: #f3f1f9;
}

.Home_treat{
background-color: #f3f1f9;
font-weight:bold;
line-height:normal;
margin:0;
text-align:left;
display: inline;
BACKGROUND: url(/pic/6a6.gif);
}

.Home_treat div{
float: right;
margin: 0;
padding: 0;
height:28px;
line-height:28px;
width: 476px;
text-align:right;
}

.Home_treat span{
font-family:Times New Roman,新細明體;
font-size: 12px;
margin: 0;
}

.Home_treat span a{
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
/*border-bottom: none;*/
background-color: #f3f1f9;
color: #6a548a;
}

.Home_treat span a:visited{
color: #6a548a;
}

.Home_treat span a:hover{
background-color: #CE0063;
color: #FFF;
}

.Home_treat span a:active{
color: #FFF;
}

.Home_treat ul{
float: right;
margin: 0;
padding: 0;
height:28px;
line-height:28px;
width: 476px;
text-align:right;
}

.Home_treat li{
font-family:Times New Roman,新細明體;
font-size: 12px;
display: inline;
margin: 0;
}

.Home_treat li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
/*border-bottom: none;*/
background-color: #f3f1f9;
color: #6a548a;
}

.Home_treat li a:visited{
color: #6a548a;
}

.Home_treat li a:hover{
background-color: #CE0063;
color: #FFF;
}

.Home_treat li a:active{
color: #FFF;
}

.Home_treat li a.selected{ /*selected tab effect*/
border: 0;
padding: 3px 7px;
background-color: #9281aa;
border: 2px solid #9281aa;
color: #FFF;
font-weight:bold;
/*border-bottom: none;*/
}

.Home_treat_content{
clear:both;
border:1px solid #ebe1ef;
background-color: #ebe1ef;
display:block;
margin:0;
padding:0;
width:610px;
}


#treat_title {
	BACKGROUND: url(/pic/6a6.gif) repeat-x;
	margin:0;
	height:28px;
	width: 796px;
}

#treat_pic {
	background-color:#fff;
	display: block;
	border:1px solid #ebe1ef;
	margin:0;
	padding:10px 0 10px 0;
	width: 794px;
}

#hardware_product {
	float: left;
	width: 650px;
	margin-top:10px;
}
#hardware_title {
	BACKGROUND: url(/pic/blue_top.gif) no-repeat;
	margin:0;
	height:22px;
}

#hardware_pic {
	background-color:#fff;
	display: block;
	border:1px solid #556bb5;
	margin:0;
	padding:10px 0 10px 0;
	width: 650px;
}

#hot_rank {
	float: left;
	width: 650px;
	margin-top:10px;
}
#hot_rank_title {
	BACKGROUND: url(/pic/6f3.gif) repeat-x;
	margin:0;
	height:28px;
	width: 650px;
}

#hot_rank_list {
	background-color:#fff;
	display: block;
	border:1px solid #f4adc1;
	margin:0;
	padding:10px;
	width: 628px;
}

#search_soft {                                        /*找軟體*/
	margin-top:10px;
	/*border: 1px solid gray;*/
	width: 140px;
	float: right;
	background-color:#FFFFFF;
}

#search_soft ul{
	margin:0 0 10px;
	padding:0;
	text-align:left;
	text-decoration: none;
	list-style-type: none;
}

#search_soft li{
	text-decoration: none;
	list-style-type: none;
	text-align:left;
	padding: 0 7px;
	line-height: 1.8em;
}
#search_soft h1{
	background:transparent url(/pic/bg_sub_25.jpg);
	font-family: 新細明體,細明體;
	font-style: normal;
	font-size: 11pt;
	line-height: 26px;
	color:#fff;
	text-align:left;
	width: 134px;
	height: 26px;
	float: right;
	margin:0;
	padding: 0 0 0 6px;
}

#search_soft h2{
	/*margin-top:5px;*/
	background:transparent url(/pic/bg_sub_25.jpg);
	font-family:新細明體, 細明體;
	font-style: normal;
	font-size: 11pt;
	line-height: 26px;
	color:#fff;
	text-align:left;
	width: 134px;
	height: 26px;
	float: right;
	padding: 0 0 0 6px;
}
#member_area {                                        /*會員服務區*/
	/*border: 1px solid blue;*/
	width: 175px;
	float: left;
	margin:0;
}

#member_sale {                                        /*銷售頁會員服務區*/
	clear:both;
	width: 175px;
	float: left;
}

#square_area {                                        /*會員服務廣告區*/
	/*border: 1px solid blue;*/
	width: 175px;
	height: 160px;
	float: left;
	margin:0 ;
	padding:2px;
}

#news_right {                                        /*文字消息區*/
	/*border: 1px solid blue;*/
	width: 190px;
	float: right;	
}

#news_right div.home_news{
	/*border:1px solid #E2E8ED;*/
	margin:0;
	width:190px;
}
#news_right div.home_news ul{
	/*border:1px solid #E2E8ED;*/
	list-style:none;
	margin:0;
	padding:0;
	background:transparent url(/pic/b16.gif);
	clear:both;
	height:26px;
}
#news_right div.home_news li{
	font-weight:bold;
	font-family:verdana,tahoma,Arial,Courier,sans-serif;
	font-size:11pt;
	font-style:normal;
	height:26px;
	line-height:26px;
	margin:0;
	padding:0;
	text-align:center;
}

#news_right div.home_news UL LI a {
	font-weight:bold;
	color:#505050;
	font-family:verdana,tahoma,Arial,Courier,sans-serif;
	font-size:11pt;
	font-style:normal;
	height:26px;
	line-height:26px;
	margin:0;
	padding:0;
	text-align:center;
}

#news_right div.news_contents{
    height:174px;
	background-color:#fff;
	/*border:1px solid #ECD693;*/
	/*border:1px solid #ebe1ef;*/
	display:block;
	margin:0;
	padding:0;
}

#news_right div.news_contents ul{
	margin:0;
	padding:0;
	/*height:28px;*/
	/*line-height:28px;*/
}
#news_right div.news_contents li{
	/*vertical-align:middle;*/
	/*background:transparent url(/pic/039.gif) no-repeat;*/
	list-style-image: url(/pic/039.gif);
	color:#505050;
    list-style-type: none;
	text-align:left;
	margin:1em 0 0 20px;
	padding:0;
	list-style-position : outside;
}

#modify_news{
	clear:both;
	float: left;
	margin-top:10px;
	/*border:1px solid #E2E8ED;*/
	width:794px;
}

#edit_news{
	clear:both;
	float: left;
	margin-top:10px;
	/*border:1px solid #E2E8ED;*/
	width:794px;
}

/* ========== 六塊肌主共用設定 ========== */
.home_col h4 {margin: 0; padding: 0; display: none;}
.home_col .headimg {margin: 0; padding: 0;border:0;height: 26px; float: left;background: #fff;}
.home_col b {width: 100px;height: 26px; line-height: 28px;float: left;margin-left: 6px;font-family:微軟正黑體,新細明體,tahoma;font-size:16px;font-weight:bold;color: #505050;}
.home_col ul {margin: 0; padding: 0; list-style: none outside; height: 26px; float: left; letter-spacing: 0.08em;}
.home_col ul li {margin: 0; padding: 0; float: left; line-height: 26px; display: inline;}
.home_col ul a {display: inline-block; border-width: 3px 3px 0; border-style: solid; padding: 0 5px; line-height: 26px; color: #505050; height: 26px;font-family:微軟正黑體,新細明體,tahoma;font-size:14px;}
.home_col ul a:hover {margin-top: 0px; color: #000;}
.home_col ul a.selected {color: #000; font-weight:bold;}
.home_col div {width: 383px; float: left; background: #FFF; color: #919191;}
.home_col_content p {width: 150px; margin: 10px 20px 0; padding: 0 0 7px; float: left; display: inline;}
.home_col_content p span {display: block; margin-top: 10px; height: 65px; overflow: hidden; line-height: 16px;text-align: left;}
.home_col_content p strong {display: block; text-align: right; color: #F00; font-size: 16px; line-height: 20px; height: 20px; margin-top: 5px;}
.home_col_content {margin: 0 3px 0 0; display: inline;}
.home_col_content img {border:0;background: #fff;}

/* ========== 次共用設定 ========== */
.home_col_tab_left {clear: both; float: left; width: 386px; margin-top: 15px; margin-left: 5px;padding-top: 3px;padding-left: 3px;padding-bottom: 3px; display: inline;}
.home_col_tab_right {float: right; width: 386px; margin-top: 15px; margin-right: 5px; padding-top: 3px;padding-left: 3px;padding-bottom: 3px; display: inline;}

/* ========== 獨立設定 ========== */
	/* 左邊第一個 */
#col1_area1 {background: #90DEC5;}
#col1_tab1 a {border-color: #90DEC5; background-color: #90DEC5;}
#col1_tab1 a:hover {background-color: #FFF;}
#col1_tab1 a.selected {background-color: #FFF;}

	/* 右邊第一個 */
#col2_area1 {background: #6ED4DF;}
#col2_tab1 a {border-color: #6ED4DF; background-color: #6ED4DF;}
#col2_tab1 a:hover {background-color: #FFF;}
#col2_tab1 a.selected {background-color: #FFF;}

	/* 左邊第一個 */
#col1_area2 {background: #F5B667;}
#col1_tab2 a {border-color: #F5B667; background-color: #F5B667;}
#col1_tab2 a:hover {background-color: #FFF;}
#col1_tab2 a.selected {background-color: #FFF;}

	/* 右邊第二個 */
#col2_area2 {background: #D8BC95;}
#col2_tab2 a {border-color: #D8BC95; background-color: #D8BC95;}
#col2_tab2 a:hover {background-color: #FFF;}
#col2_tab2 a.selected {background-color: #FFF;}

	/* 左邊第三個 */
#col1_area3 {background: #FAA3B4;}
#col1_tab3 a {border-color: #FAA3B4; background-color: #FAA3B4;}
#col1_tab3 a:hover {background-color: #FFF;}
#col1_tab3 a.selected {background-color: #FFF;}

	/* 右邊第三個 */
#col2_area3 {background: #FFBBB2;}
#col2_tab3 a {border-color: #FFBBB2; background-color: #FFBBB2;}
#col2_tab3 a:hover {background-color: #FFF;}
#col2_tab3 a.selected {background-color: #FFF;}

/*網頁主廣告區*/
#tab2_left_1 {                     /*左一*/
	clear: both;
	float: left;
	margin-top:10px;
	width: 395px;
}

#tab2_right_1 {                    /*右一*/
	float: right;
	margin-top:10px;
	width: 395px;
}

#tab2_left_2 {                    /*右二*/
	clear: both;
	float: left;
	margin-top:10px;
	width: 395px;
}

#tab2_right_2 {                    /*左二*/
	float: right;
	margin-top:10px;
	width: 395px;
}


#tab2_left_3 {                    /*左三*/
	clear: both;
	float: left;
	margin-top:10px;
	width: 395px;
}

#tab2_right_3 {                   /*右三*/
	float: right;
	margin-top:10px;
	width: 395px;
}

.member_1 ul li {list-style-type: none;text-align:center;}

.membera {
	BACKGROUND: url(/pic/member_s.gif);
	FLOAT: left;
	WIDTH: 55px;
	COLOR: #fff;
	PADDING-TOP: 5px! important;
	HEIGHT: 27px! important
}

.memberb {
	BACKGROUND: url(/pic/member_s1.gif);
	FLOAT: left;
	WIDTH: 55px;
	CURSOR: pointer;
	COLOR: #626262;
	PADDING-TOP: 5px! important;
	HEIGHT: 27px! important
}

/*----------效果一(直立式vertical)----------*/
#vertical {
	width: 186px;
	float: right;
}
#vertical form, #vertical p {
	margin: 0;
	padding: 0;
}
#vertical ul {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	position: relative;
}
#vertical ul li {
	margin: 0;
	padding: 0;
	border: 1px solid lime;
}
#vertical ul li a.h_member {
	display: block;
	margin: 0;
	padding: 0;
	border-left: 2px solid red;
}
#vertical ul li div {
	display: none;
}
#vertical ul li:hover {
	background: gray;
}
#vertical ul li:hover > a.h_member {
	color: red;
}
* html #vertical ul li a.h_member:hover {
	color: red;
	background: gray;
	font-weight: bold;
}
#vertical ul li:hover div {
	display: block;
	border: 1px dashed blue;
	cursor: default;
	position: absolute;
	left: 1px;
	width: 185px;
}
#vertical ul li a:hover div {
	display: block;
	border: 1px dashed blue;
	cursor: default;
	position: absolute;
	left: 1px;
	width: 185px;
}

/*----------會員區效果二(橫式horizontal)----------*/
#horizontal {
	width:173px;
	height:33px;
	padding:0 0 0 4px;
	margin:0;
	float: left;
	text-align:center;
	/*border: 1px solid blue;*/
}
#horizontal p {
	margin: 0;
	padding: 0;
}
#horizontal ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 173px;
	list-style: none;
	position: relative;
}
* html #horizontal ul{
		position:static;
}
#horizontal ul li {
	BACKGROUND: url(/pic/b16.gif);
	color: #000;
	line-height: 33px;
	/*BACKGROUND: url(/pic/member_s1.gif);*/
	float: left;
	width:53px;
	height:33px;
	margin:0 2px 0 0!important;
	margin:0 2px 0 0;
	padding:0;
	border:1px solid #E2E8ED;
	/*background:#FFF none;*/
}




/* 橫式效果多了這行 */
#horizontal ul li a.h_member {
	display: block;
	margin: 0;
	padding: 0;
	color: #000;
	/*border-left: 2px solid red;*/
}
#horizontal ul li div {
	float: left;
	/*border:1px solid red;*/
	display: none;
	background-color: #fb952e;
	color: #fff;
	height: 162px;
	padding: 0;
	margin: 0;
}
#horizontal ul li div a{
	color: #fff;
}

#horizontal ul li:hover {
	background-color: #fff;
	/*BACKGROUND: url(/pic/b16.gif);*/
	PADDING-TOP: 2px! important;
	/*HEIGHT: 30px! important;*/

}
#horizontal ul li:hover > a.h_member {
	background-color: #fff;
	color: #000;
}
* html #horizontal ul li a.h_member:hover {
	color: #000;
	background-color: #fff;
	/*BACKGROUND: url(/pic/b16.gif);*/
	/*PADDING-TOP: 2px! important;*/
	/*HEIGHT: 30px! important;*/
}
#horizontal ul li:hover #my_login {
	margin: 0;
	display: block;
	/*border:1px solid #fff;*/
	padding: 6px 0 0 2px;
	cursor: default;
	position: absolute;
	left: 0;
	width: 168px;
	height: 166px;
	z-index:999;
}
#horizontal ul li a:hover #my_login {
	margin: 0;
	display: block;
	/*border: 1px dashed blue; */
	cursor: default;
	position: absolute;
	left: 0;
	/*width: 100%;*/
}

#horizontal ul li:hover #member_order {
	margin: 0;
	display: block;
	/*border:1px solid #fff;*/
	padding: 6px 0 0 2px;
	cursor: default;
	position: absolute;
	left: 0;
	width: 168px;
	height: 166px;
	z-index:999;
}
#horizontal ul li a:hover #member_order {
	margin: 0;
	display: block;
	/*border: 1px dashed blue; */
	cursor: default;
	position: absolute;
	left: 0;
	/*width: 100%;*/
}

#horizontal ul li:hover #member_buycar {
	margin: 0;
	display: block;
	/*border:1px solid #fff;*/
	padding: 6px 0 0 2px;
	cursor: default;
	position: absolute;
	left: 0;
	width: 168px;
	height: 166px;
	z-index:999;
}
#horizontal ul li a:hover #member_buycar {
	margin: 0;
	display: block;
	/*border: 1px dashed blue; */
	cursor: default;
	position: absolute;
	left: 0;
	/*width: 100%;*/
}

#horizontal ul li:hover #member_data {
	margin: 0;
	display: block;
	border:1px solid #fff;
	padding: 6px;
	cursor: default;
	position: absolute;
	left: 0;
	width: 166px;
	z-index:999;
}
#horizontal ul li a:hover #member_data {
	margin: 0;
	display: block;
	/*border: 1px dashed blue; */
	cursor: default;
	position: absolute;
	left: 0;
	/*width: 100%;*/
}
/*----------會員區效果二(橫式horizontal)結束----------*/

#ration_on {
	color:#505050;
	background-color: #f5f5f5;
	/*text-decoration:underline;*/
}

/*-----------------------------vertical 直式廣告區-------------*/
#vertical_adL {
	clear: both;
	float: left;
	margin-top:10px;
	/*border: 1px solid blue;*/
	width:390px;
}

#Home_Vertical_title {
	background:transparent url(/pic/4pur_top.gif) no-repeat scroll left top;
	/*border: 1px solid red;*/
	width:380px;
	height:22px;
	margin:0;
	padding:0;

}
#Home_Vertical_content {
	border:1px solid #9f558b;
}

.Home_Vertical {
	BACKGROUND: url(/pic/Vertical_menubg.gif) repeat-y 77px 0;
	FLOAT: left;
	OVERFLOW: hidden;
	WIDTH: 78px;
	HEIGHT: 200px
}

.Home_Vertical UL {
	LIST-STYLE-TYPE: none;
	margin:0;
	padding:0;
}
.Home_Vertical UL LI {
	text-align:center;
	/*PADDING-LEFT: 15px;*/
	BACKGROUND: url(/pic/Vertical_menu.gif) no-repeat;
	MARGIN-BOTTOM: 7px;
	CURSOR: pointer;
	COLOR: #004a9c;
	LINE-HEIGHT: 23px;
	HEIGHT: 23px
}
.Home_Vertical UL LI a {
 color:#000;
}

.Home_Vertical ul li:hover {
	FONT-WEIGHT: bold; BACKGROUND-COLOR: #fff;
}

.Home_Vertical ul li a:visited{
background-color: #ffffff;
}

.Home_Vertical ul li a:hover{
background-color: #ffffff;
color: #000;
}

.Home_Vertical ul li a:active{
background-color: #ffffff;
}

.Home_Vertical ul li a.selected{ /*selected tab effect*/
position: relative;
BACKGROUND-COLOR: #fff;
color: red;
font-weight:bold;
}

.Vertical_Tab_right {
	BORDER-RIGHT: #b5cfe8 1px solid;
	BORDER-TOP: #b5cfe8 1px solid;
	FLOAT: left;
	OVERFLOW: hidden;
	BORDER-LEFT: #b5cfe8 0 solid;
	WIDTH: 310px;
	BORDER-BOTTOM: #b5cfe8 1px solid;
	HEIGHT: 200px
}


#vertical_adR {
	float: right;
	margin-top:10px;
	border: 1px solid blue;
	width:380px;
}


#Tab1{
	/*border:1px solid #E2E8ED;*/
	width: 175px;
	float: left;
	margin-top:4px;
}

#Tab2{
	/*border:1px solid #E2E8ED;*/
	width: 175px;
	float: left;
	margin-top:20px;
}

#mainbody_center div.Htab_left{
	background-color:#FAF9FB;
	/*border:1px solid #E2E8ED;*/
	float:left;
	width:380px;
	margin:10px 0 0 2px;
}

#mainbody_center div.Htab_right{
	background-color:#FAF9FB;
	/*border:1px solid #E2E8ED;*/
	float:left;
	width:380px;
	margin:10px 0 0 2px;
}

#mainbody_center div.Htab_left1{
	background-color:#FAF9FB;
	/*border:1px solid #E2E8ED;*/
	float:left;
	width:380px;
	margin:10px 0 0 2px;
}

#mainbody_center div.Htab_right1{
	background-color:#FAF9FB;
	/*border:1px solid #E2E8ED;*/
	float:left;
	width:380px;
	margin:10px 0 0 2px;
}

#mainbody_center div.Htab_left2{
	background-color:#FAF9FB;
	/*border:1px solid #E2E8ED;*/
	float:left;
	width:380px;
	margin:10px 0 0 2px;
}

#mainbody_center div.Htab_right2{
	background-color:#FAF9FB;
	/*border:1px solid #E2E8ED;*/
	float:left;
	width:380px;
	margin:10px 0 0 2px;
}

#mainbody_center div.Htab_left3{
	background-color:#FAF9FB;
	/*border:1px solid #E2E8ED;*/
	float:left;
	width:380px;
	margin:10px 0 0 2px;
}

#mainbody_center div.Htab_right3{
	background-color:#FAF9FB;
	/*border:1px solid #E2E8ED;*/
	float:left;
	width:380px;
	margin:10px 0 0 2px;
}

#mainbody_center div.tab_area{
	background-color:#FAF9FB;
	/*border:1px solid #E2E8ED;*/
	float:left;
	width:600px;
	margin:10px 0 0 2px;
}

#mainbody_center div.recommend_area{
	background-color:#FAF9FB;
	border:1px solid #E2E8ED;
	float:left;
	width:600px;
	margin:10px 0 0 2px;
}
#mainbody_center div.preferential_area{
	background-color:#FAF9FB;
	/*border:1px solid #E2E8ED;*/
	float:left;
	width:600px;
	margin:10px 0 0 2px;
}
#mainbody_center div.new_area{
	background-color:#FAF9FB;
	border:1px solid #E2E8ED;
	float:left;
	width:600px;
	margin:10px 0 0 2px;
}

#mainbody_center div.tab_2{
	background-color:#FAF9FB;
	/*border:1px solid #E2E8ED;*/
	float:left;
	width:600px;
	margin:10px 0 0 2px;
}

#mainbody_right{
	background-color:#FAF9FB;
	/*border:1px solid red;*/
	float:right;
	margin:0 1px 0 0;
	width:190px;
}
#mainbody_right div.member_area{
	background-color: #FFFFFF;
	width:186px;
	margin:1px 0 0 0;
	padding:0 0 0 2px;
	border: 1px solid #E2E8ED;
}
#mainbody_right div.brand_area{
	background-color: #FFFFFF;
	width:186px;
	margin:8px 0 0 0;
	padding:0 0 0 2px;
	border: 1px solid #E2E8ED;
}
#mainbody_main{
	background-color: #FAF9FB;
	top:0;
	width:780px;
	float:left;
	/*padding:0 3px;*/
}

#main_out {
	width: 990px;
	margin: 0 auto;
	background: url("/bg_pic/bg_main.png") repeat-y center top;
	/*border:1px solid red;*/
}
#mainbody_center div.CenterTop_Tab1{
	clear:both;
	height:22px;
	width:600px;
	background-image:url(/pic/tab_border.gif);
	background-repeat:no-repeat;
	/*position:absolute;*/
}
#mainbody_center div.CenterTop_Tab1 ul{
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
}
#mainbody_center div.CenterTop_Tab1 li{
	width:80px!important;
	width:90px;
	height:23px;
	display:inline;
	line-height:20px;	
}
#mainbody_center div.CenterTop_Tab1 li a{
	font-family:Arial,Courier,sans-serif;
	font-size:12px;
	color:#059;
	width:80px!important;
	width:90px;
	height:23px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	background:url(/pic/top_tab.gif) no-repeat 0 -30px;
	margin:0;
	float:left;
	cursor:pointer;
	text-align:center;
	padding:3px 5px 0;
}
#mainbody_center div.CenterTop_Tab1 li a:hover{
		text-decoration:underline;
}
#mainbody_center div.CenterTop_Tab1 li.tabactive a{
	width:80px!important;
	width:90px;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	position:relative;
	background:url(/pic/top_tab.gif) no-repeat -120px -30px;
	cursor:pointer;
	margin:-3px 0 0;
	padding:3px 5px 0!important;
	padding:5px 5px 0;
	text-align:center;
	float:left;
}
#mainbody_center div.contents{
	width:600px!important;
	width:598px;
	height:160px;
	text-align:left;
	padding:0;
	margin:0;
	display:block;
	border:1px solid #89B7DC;
	position:relative;
	top:0!important;
	top:0;
	/*z-index:0!important;*/
	/*z-index:-999;*/
}


/*Glossy Horizontal Menu*/

.glossymenu {
	clear:both;
	display: block;
	height: 46px;
	width:990px;
	background: #FAF9FB url(/pic/menupu_bg.gif) repeat-x scroll 0 0;
	text-align:left;
	list-style: none;
	padding: 0;
	margin: 0;
overflow:hidden;
}
.glossymenu li{
	float:left;
	background: url(/pic/menupu_bg.gif) repeat-x; /*tab background image path*/
	padding: 0;
	margin: 0;
}
.glossymenu li a{
	float: left;
	display: block;
	color:#6a548a;
	text-decoration: none;
	font-family: 微軟正黑體,verdana,新細明體,細明體;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding:0 0 0 8px;
	height: 46px;
	line-height: 46px;
	text-align: left;
	cursor: pointer;
}
.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 8px 0 1px; /* 16 Padding of menu items*/
}
.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(/pic/menupu_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}
.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(/pic/menupu_hover_right.gif) no-repeat right top;  /*right tab image path*/
}

/*Mini Tabbed Pages*/
#tabs {
	float: left;
	width:186px;
	text-align:center;
	background: url(/icon/top.gif);
	margin:1px 0;
	/*position:absolute;*/
	z-index:600;
}
#tabs ul {
	padding:0;
	margin:0;
	width:186px;
	list-style:none;
	position:relative;
}
#tabs ul li {
	float:left;
	display:inline;
	width:93px;
	height:53px;
	margin:0 auto;
}
#tabs ul li a.outer {
	display:block;
	width:86px;
	height:49px;
	border-bottom:1px solid #9c9c9c;
	text-align:center;
	line-height:45px;
	text-decoration:none;
	text-indent:50px;
	color:#464;
	font-weight:bold;
	margin-bottom:3px;
	font-size:11px;
}
#tabs ul li a.one {
	background:#fff url(/icon/world.jpg) top left no-repeat;
}
#tabs ul li a.two {
	background:#fff url(/icon/key.jpg) top left no-repeat;
}
#tabs ul li a.three {
	background:#fff url(/icon/mail.jpg) top left no-repeat;
}
#tabs ul li a.four {
	background:#fff url(/icon/search.jpg) top left no-repeat;
}
#tabs ul li a.five {
	background:#fff url(/icon/profile.jpg) top left no-repeat;
}
#tabs ul li a.six {
	background:#fff url(/icon/draw.jpg) top left no-repeat;
}
#tabs ul li div {
	display:none;
}
#tabs ul li:hover {
	padding-bottom:186px;
	border-bottom:1px solid #fff;
	color:#000;
	margin-bottom:0;
}
#tabs ul li:hover > a.outer {
	color:#000;
	background-position:0 -55px;
	height:55px;
	cursor:default;
}
* html #tabs ul li a.outer:hover {
	padding-bottom:186px;
	border-bottom:1px solid #fff;
	height:55px;
	color:#000;
	margin-bottom:0;
	background-position:0 -55px;
	height:55px;
	cursor:default;
}
#tabs ul li:hover div {
	display:block;
	padding:5px;
	position:absolute;
	left:4px;
	top:55px;
	width:186px;
	height:118px;
	border-bottom:3px solid #fff;
}
#tabs ul li a:hover div {
	display:block;
	padding:5px;
	position:absolute;
	left:4px;
	top:55px;
	width:186px;
	height:118px;
	border-bottom:3px solid #fff;
}
#tabs ul li a:hover div.tab_left,#tabs ul li:hover div.tab_left{
	background:#fff url(/icon/tab_left.gif);
}
#tabs ul li a:hover div.tab_center,#tabs ul li:hover div.tab_center{
	background:#fff url(/icon/tab_center.gif);
}
#tabs ul li a:hover div.tab_right,#tabs ul li:hover div.tab_right{
	background:#fff url(/icon/tab_right.gif);
}
.clear {
	clear:both;
	height:0;
	line-height:0;
	overflow:hidden;
}
#tabs span.base {
	display:block;
	height:20px;
	font-size:10px;
	color:#bc8f8f;
	background:url(/icon/bottom.gif) bottom;
}
#tabs div h5 {
	font-size:12px;
	margin-bottom:5px;
}
#tabs div p {
	font-weight:normal;
	text-align:left;
	color:#000;
	margin-top:2px;
}
#tabs div a img {
	border:0;
}
#tabs div img.image {
	float:left;
	border:0;
	margin-top:-35px;
	margin-right:5px;
}
#tabs div a.unlock {
	background:url(/icon/unlock.gif);
	display:block;
	width:30px;
	height:30px;
	margin:0 auto;
}
#tabs div a:hover.unlock img {
	visibility:hidden;
}
#tabs p.bold {
	font-family: 新細明體,細明體;
	font-style: normal;
	font-size: 11pt;
	line-height: 130%;
	color:#069;
	margin:2px auto;
}
* html #tabs p.fire {
	margin-top:-15px;
}
* html #tabs form {
	margin-top:-20px;
}
#tabs p.buttons {
	text-align:center;
}



/*------------------------------------------------------------------------------------- Pro tab------------------------------------------------*/
#tab_remark_pic{
	background-color: #FB952E;
	width:790px;
	height:30px;
	margin:0;
	padding:0 0 0 10px;
	font-family:微軟正黑體,新細明體,Verdana,Arial;
	font-size:12pt;
	font-weight:bold;
	color:#000;
	line-height:30px;
}


#tab_main{
	padding:0 0 0 1px;
	margin:16px 0 0 0;
	
}
.tab_title {
	height:30px;
	margin:0;
	padding:0;
	/*background:url(../images/tab_bg_li.gif) bottom  no-repeat;*/
	width:800px;
	list-style-type:none;
}

.tab_title li{
	float:left;
	margin:0 2px 0 0px;
	font-family:微軟正黑體,新細明體,Verdana,Arial;
	font-size:12pt;
	font-weight:bold;
	line-height:30px;
	height:30px;
	cursor:pointer;
	background: url(../images/tab_title5.gif) no-repeat;
	width:96px;
	text-align:center;
	color:#fff;
}

.tab_title li a{
	float:left;
	margin:0 2px 0 0;
	font-family:微軟正黑體,新細明體,Verdana,Arial;
	font-size:12pt;
	font-weight:bold;
	line-height:30px;
	height:30px;
	cursor:pointer;
	background: url(../images/tab_title5.gif) no-repeat;
	width:96px;
	text-align:center;
	color:#fff;
}
.tab_title li.tab_current {
	width:96px;
	margin:0 2px 0 0;
	background: url(../images/tab_a.jpg) no-repeat;
	text-align:center;
	color: #333333;
	
}
.tab li.tab_current1 {
	width:112px;
	background-position:0;
	
}
.tab_title li.tab_current2{
	width:161px;
	margin:0 2px 0 0;
	background: url(../images/tabs01.jpg) no-repeat;
	text-align:center;
	color:#FFFFFF;
	
}
.tab_title li.tab_current3{
	width:161px;
	margin:0 2px 0 0;
	background: url(../images/tabs.jpg) no-repeat;
	text-align:center;
	color: #333333;
	
}
.cont_box{
	float:left;
	padding:6px;
	border:1px solid #dbdada;
	border-top:none;
	border-bottom:1px solid #dbdada;
	width:796px;
	height:auto;
	margin:0;
	background:url(../images/tab_cox.gif) top repeat-x;
	
}
.cont_box_bottom{
	float:left;
	margin:0;
	/*background:url(../images/tab_cox.gif) top repeat-x;*/
	/*background:url(../images/cont_box_bottom.jpg) top no-repeat;*/
	width:808px;
	height:6px;
	/*border:1px solid #dbdada;*/
	border-top:none;
	border-bottom:none;
}

.datai_main{
	margin:0;
	height:auto;
}

/*--------------------------商品簡介--------------------------------*/
.datai_text_v {
	width:100%;
	font-family:"Microsoft JhengHei","Microsoft Yahei","Microsoft YaHei",PMingLiU,verdana;
	font-size:12pt;
	color:#000;
	height:auto;
	margin:0;
	padding:0;
}

/*--------------------------商品說明--------------------------------*/
.datai_text_p{
	margin-top:16px;
	padding:0;
	font-family:微軟正黑體,新細明體,Verdana;
	font-size:12pt;
	color:#000;
	text-align:left;
}

.datai_text_p_html{
	margin-top:16px;
	padding:0;
	font-family:微軟正黑體,新細明體,Verdana;
	font-size:12pt;
	color:#000;
}

.datai_text_img{
	width:170px;
	float:left;
	padding:13px 0 0 0;
}
.datai_text_img p{
	text-align:center;
	height:20px;
	line-height:20px;
	background: url(../images/datai_li.jpg) 15px 5px no-repeat;
	margin:3px 0;
	
}

.datai_text_p1{
	float:left;
	width:100%;
	
}

.datai_text_p1 p{
	line-height:16px;
	height:auto;
	margin:15px auto;
	font-family:verdana;
	
}
.datai_title_p2{
	font-size:15px;
	height:22px;
	line-height:22px;
	margin:15px 0 15px 0;
	color:#104271 
}
.datai_text_p3{
	float:left;
	width:480px;
	margin:10px 0 0 0
}
.datai_text_img2{
	width:88px;
	float:right;
	margin-left:-15px;
	
}
.datai_title_t{
	background:url(../images/fqa_li.gif) 0 10px no-repeat;
	padding-left:10px;
	margin:0 0 3px 0;
	font-weight:bold;
	font-family:Verdana;
	
}
.class_Group1{
	font-size:12pt;
	font-weight:bold;
	font-family:新細明體;
	margin:16px 0 0 0;
}

#TB_product {width: auto; left: 0!important; top: 0;z-index: 2041;}
#TB_explain_s {width: auto; left: 0!important; top: 0;z-index: 2051;padding-right: 17px;}
#TB_center_lable {display: inline-table;
    float: left;
    height: auto;
    left: 50%;
    margin-left: -355px;
    position: fixed;
    top: 28px;
    width: 710px;
    z-index: 32;}
#drag_d {float: none!important;margin: 0 auto!important;left:0!important;}

.TB_center_table {display: inline-table;
    float: left;
    height: auto;
    left: 50%;
    margin-left: -355px;
    position: fixed;
    top: 28px;
    width: 710px;
    z-index: 32;}
.drag_table {float: none!important;margin: 0 auto!important;left:0!important;}
/*-----------------------------promotion-------------------------------------------*/
.account_area {
	color: #0000FF;
    float: left;
    font-family: 微軟正黑體,verdana,新細明體,細明體;
    font-size: 12pt;
    font-weight: bold;
    text-align:left;
	line-height:22px;
}
.promotion_font1{
	color: #FF0000;
    float: left;
    font-family: 微軟正黑體,verdana,新細明體,細明體;
    font-size: 22pt;
    font-weight: bold;
    text-align:left;
	overflow:hidden;
	text-shadow: 1px 1px 1px #DDDDDD;
}
.promotion_font2{
	color: #008000;
    float: left;
    font-family: 微軟正黑體,verdana,新細明體,細明體;
    font-size: 24pt;
    font-weight: bold;
	text-align:left;
	overflow:hidden;
	text-shadow: 0 0 10px #99FFCC; 						/* for browsers without spread support */
  	text-shadow: 0 0 10px #99FFCC; 				/* for browsers with spread support */
  	/*
	text-shadow: 1px 1px 1px #DDDDDD;
	text-shadow: 0 1px 0 #ccc, 
                 0 2px 0 #c9c9c9,
                 0 3px 0 #bbb,
                 0 4px 0 #b9b9b9,
                 0 5px 0 #aaa,
                 0 6px 1px rgba(0,0,0,.1),
                 0 0 5px rgba(0,0,0,.1),
                 0 1px 3px rgba(0,0,0,.3),
                 0 3px 5px rgba(0,0,0,.2),
                 0 5px 10px rgba(0,0,0,.25),
                 0 10px 10px rgba(0,0,0,.2),
                 0 20px 20px rgba(0,0,0,.15);
    */

}
.promotion_date1{
	color: #008000;
    float: left;
    font-family: 微軟正黑體,verdana,新細明體,細明體;
    font-size: 21pt;
    font-weight: bold;
    line-height:48px;
    width:190px;
	text-align:right;
	text-shadow: 1px 1px 1px #DDDDDD;
}
.promotion_date2{
    float: left;
    color: #FF0000;
    font-family: verdana,"Microsoft JhengHei","Microsoft Yahei","Microsoft YaHei",PMingLiU;
    font-size: 28pt;
    font-weight: bold;
	text-align:right;
	text-shadow: 1px 1px 1px #DDDDDD;
}
#promotion_block img{
	/*float: left;*/
	/*width:230px;*/
	/*height:200px;*/
	/*border: 1px solid #BBBBBB;*/
	/*border-radius: 8px 8px 8px 8px;*/
	/*box-shadow: 3px 2px 3px #888888;*/
	cursor:pointer;
}
.promotion_sale_pic{
    float: left;
    height: 268px;
    margin-left: 7px;
    text-align: center;
    width: 238px;
}
.promotion_info{
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
	border-radius: 8px;
    box-shadow: 1px 1px 9px #888888;
    display: inline-block;
    float: none;
    height: 36px;
    margin: 0 auto;
    padding: 0;
    width: 220px;
}
.promotion_relprice {
	margin-right:6px;
    color: #008000;
    font-family: verdana,"Microsoft JhengHei","Microsoft Yahei","Microsoft YaHei",PMingLiU;
    line-height:38px;
    font-size: 18pt;
    font-weight: bold;
	font-style: italic;
}
.promotion_relprice1 {
	margin-right:6px;
    color: #0000FF;
    font-family: verdana,"Microsoft JhengHei","Microsoft Yahei","Microsoft YaHei",PMingLiU;
    line-height:36px;
    font-size: 22pt;
    font-weight: bold;
	font-style: italic;
}
.Show_Uprice {
    background-color: #222222;
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    display: inline-block;
    height: 200px;
    left: 0;
	filter:alpha(Opacity=18, Style=0);    /*for ie*/ 
	-moz-opacity:0.18;/* Moz + FF */ 
	opacity: 0.18;        /* CSS3的標準語法，FOR支援CSS3的瀏覽器（FF 1.5）*/
    padding: 0;
    position: absolute;
    top: 0;
    width: 230px;
}
.promotion_Uprice {
    font-family: verdana,"Microsoft JhengHei","Microsoft Yahei","Microsoft YaHei",PMingLiU;
    color: #FFFF00;
    font-size: 33px;
	font-style: italic;
    font-weight: bold;
	/*text-shadow: 1px 1px 2px #000000;*/
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3);*/
	
}
.p_ntprice {
	float:left;
    color: #008000;
    display: inline-block;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    margin-left: 8px;
    margin-top: 6px;
    vertical-align: top;
}

#promotion_pay{
    border: medium none;
    left: 190px;
    margin: 0;
    position: absolute;
    top: 30px;
    width: 50px;
	cursor:pointer;
}

#promotion_tips{
    background-color: #EFEFEF;
    border: 1px solid #CCCCCC;
    padding: 2px;
    position: fixed;
    left: 8px;
    top: 53%;
    border-radius: 6px;
    z-index: 2000;
}
#Remainder_Qty {
	margin: 0 3px;
	color:#0000cc;
    font-family: Arial;
    font-weight: bold;
}
#promotion_amount {
    border: medium none;
    left: 30px;
    margin: 0;
    position: absolute;
    top: 64px;
    width: 250px;
}
#promotion_amount1 {
    background-color: #EFEFEF;
    border: 1px solid #CCCCCC;
    padding: 2px;
    position: fixed;
    right: 16px;
    top: 62%;
    border-radius: 6px;
    z-index: 2000;
    width: 160px;
}
html>body #promotion_amount1{min-width: 160px;}

#promotion_amount .pluginCountBox {
    border: 2px solid #eeeeee;
    border-radius: 6px;
    color: #6A7180;
    background: none repeat scroll 0 0 #FFC0CB;
    font-size: 14px;
    height: 66px;
    margin: 0;
    padding: 6px 1px 2px 3px;
    text-align: center;
    white-space: nowrap;
}

#promotion_amount1 .pluginCountBox {
    background-color: #FFC0CB;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}


.pluginCountBoxNub {
    bottom: 1px;
    height: 7px;
    left: 7px;
    position: relative;
    width: 0;
    z-index: 2;
}


.pluginCountBoxNub s, .pluginCountBoxNub i {
    border-color: #FFC0CB rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 5px;
    display: block;
    position: relative;
}
#promotion_amount .pluginCountBoxNub s, #promotion_amount .pluginCountBoxNub i {
    border-color: #FFC0CB rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.pluginCountBoxNub i, #promotion_amount .pluginCountBoxNub i {
    border-top-color: #FFC0CB;
    left: 0;
    top: -12px;
}
#countdown {bottom: 10px; width: 320px;}
#countdown span {width: 45px;}
#countdown .dt_all {display: inline-block; border: 3px solid #EEE; height: 33px; line-height: 33px; font-family: Arial; font-size: 24px; font-weight: bold; background: #007AE5; color: #FFF9C3; border-radius: 5px; padding-left: 10px; text-align: left;}
#countdown .dt_time {margin-right: 5px;}
#countdown .dt_date {margin-right: 20px;}
#countdown .dt_txt {height: 18px; line-height: 18px; font-size: 12px; text-align: right; font-weight: normal; margin: -19px 0 0 -3px; display: block;}
/*----------------商品圖---------------------*/
#promotion_info img{
    vertical-align: middle;
}
.channel_class dt span {
    color: #333333;
    float: left;
    line-height: 17px;
    overflow: hidden;
    padding: 5px 2px;
    text-align: left;
    /*width: 183px;*/
}
.channel_class{
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    }
.channel_class ul{    
	list-style: none outside none;
	margin:0;
	padding:0;
	text-align: left;
}
.promotion_icon_show{
	display:inline-block;
}
.promotion_icon_disable{
	display:none;
}	
#product_list_channel{
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    }
#product_list_channel ul{    
	list-style: none outside none;
	margin:0;
	padding:0;
	text-align: left;
}
/*----------------商品圖---------------------*/
.web_tips{
    background-color: #fff;
    border: 1px solid #CCCCCC;
	margin:0 auto;
    padding: 0;
    border-radius: 6px;
    position: fixed;
    z-index: 3000;
	width:990px;
}


.promotion_sponsor_effect {
    float: left;
    height: 320px;
    margin: 0 2px 0 6px;
    padding: 5px;
    text-align: center;
    width: 305px;
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #bbbbbb;
    border-radius: 8px;
    /*box-shadow: 1px 1px 9px #888888;*/
    display: inline-block;

}
.promotion_sponsor_dl {
    margin-bottom: 1px;
    overflow: hidden;
}
.promotion_sponsor_dl dt {
    float: left;
    margin-bottom: 6px;
    width: 320px;
}
.big_ntprice {
	color: #ff0000;
	font-family: "Century Gothic",verdana,"Microsoft JhengHei","Microsoft YaHei",PMingLiU;
    font-size: 32pt;
    font-weight: bold;
    line-height: 36px;
    margin-right: 6px;
	font-style:italic;
}

.font_chinese {
	font-family: "Microsoft JhengHei",STHeiti,"Times New Roman",Times,serif,verdana,tahoma !important;
}

.promotions_box {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    border: 4px solid #FF0033;
    border-radius: 10px;
    left: 50px;
    padding: 0.5em;
    position: absolute;
    top: 50px;
    min-height:35px;
	max-height:80px;
}
.promotions_box::after, .promotions_box::before {
    border: medium solid transparent;
    content: " ";
    height: 0;
    left: 8px;
    pointer-events: none;
    position: absolute;
    top: 15px;
    width: 0;
}
.promotions_box::after {
    border-color: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    border-width: 12px;
    margin-left: -30px;
}
.promotions_box::before {
    border-color: rgba(34, 123, 187, 0) #ff0033 rgba(34, 123, 187, 0) rgba(34, 123, 187, 0);
    border-width: 12px;
    margin-left: -36px;
}
.promotions_box > p {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.u-flyer{display: block;width: 120px;height: 120px;border-radius: 80px;position: fixed;z-index: 9999999;}

.TB_content {
	margin:15px 15px 15px 15px;
	float: left;
}

#TB_window, #TB_secondLine {
	font:12px Arial, Helvetica, sans-serif;
	color:#004EA7;
	}

/*#TB_window a:link, #TB_window a:visited, #TB_window a:active, #TB_window a:focus {color:#F60;}*/
/*#TB_window a:hover {color:#3D8BD8;}*/

/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/

#TB_overlay1 {
	position:fixed;
	z-index:110;
	top:0;
	left:0;
	height:100%;
	width:100%;	
	background:#036;
	filter:alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
	}

#TB_overlay {
	position:fixed;
	z-index:100;
	top:0;
	left:0;
	height:100%;
	width:100%;	
	background:#036;
	background-color:rgb(0, 0, 0);
	filter:alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
	}

.TB_overlay_c {
	position:fixed;
	z-index:100;
	top:0;
	left:0;
	height:100%;
	width:100%;	
	background:#036;
	background-color:rgb(0, 0, 0);
	filter:alpha(opacity=20);
	-moz-opacity: 0.20;
	opacity: 0.20;
	}
		
#TB_window1 {
	position:fixed;
	z-index:112;
	top: 50%;
	left:50%;
	background:#fff;
	display:none;
	text-align:left;
/*	border:5px solid #004A71; */
/*	border:5px solid #80A5B8; */
	border:0px;
	}

#TB_window {
	position:fixed;
	z-index:122;
	top: 50%;
	left:50%;
	margin-top: -320px;
	background:#fff;
	display:none;
	text-align:left;
/*	border:5px solid #004A71; */
/*	border:5px solid #80A5B8; */
	border:0px;
	}

#TB_window img#TB_Image {
	display:block;
	margin:15px 0 0 15px;
	border:none;
	}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
	}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
	}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
	}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
	}

#TB_title{
	/*background:#e8e8e8;*/
	height:0;
	}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
	}

#TB_ajaxContent.TB_modal{
	padding:15px;
	}

#TB_ajaxContent p{
	padding:5px 0;
	}

#TB_load{
	position:fixed;
	z-index:103;
	top:50%;
	left:50%;
	display:none;
	height:13px;
	width:208px;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
	}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
	}
	
.TB_overlay_close{
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    font-size: 3.2em;
    font-weight: 800;
    letter-spacing: 0;
    padding: 0;
    position: fixed;
    right: 50px;
    text-align: right;
    text-transform: uppercase;
    top: 50px;
    z-index: 1091;
}

.TB_overlay_close:hover {
    color: #000;
}

.Product_Area .Product_name {
    margin: 0;
    min-height: 310px;
    padding: 0;
    text-align: left;
}
.Product_name h1 {
  	margin-top: 0;
  	font-size:2em;
}

.Product_pic-img{
    background: #ffffff none repeat scroll 0 0;
    border: 10px solid #eee;
    border-radius: 10px;
    display: inline-block;
    max-width: 290px;
    opacity: 1;
    padding: 15px;
    position: relative;
    text-align: center;
    top: 0;
    transition: all 1s ease 0s;
    mim-width:280px;
}

.ntprice {
    color: green;
    display: inline-block;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    margin-right: 6px;
    margin-top: 6px;
    vertical-align: top;
}
#relprice {
    color: #ff0000;
    font-family: "Century Gothic","Times New Roman",Times,serif,verdana,tahoma,新細明體;
    font-style: italic;
    font-size: 32pt;
    font-weight: bold;
    line-height: 36px;
    margin-right: 6px;
}

#promotion_price {
    background: #cf3333 none repeat scroll 0 0;
    border: 1px solid #aeaeae;
    border-radius: 6px;
    box-shadow: 2px 2px 2px #888888;
    margin: 0;
    padding: 6px 0 0;
}

#price_display {
    color: #ffffff;
    font-family: "Times New Roman",Times,serif,verdana,tahoma,新細明體;
    font-size: 32pt;
    font-style: italic;
    font-weight: bold;
    line-height: 32px;
    margin-right: 3px;
}

#countprice {
    color: #ff0000;
    display: none;
    font-family: "Century Gothic","Times New Roman",Times,serif,verdana,tahoma,新細明體;
    font-size: 32pt;
    font-weight: bold;
    line-height: 36px;
    margin-right: 6px;
}

.product_btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-family: "微軟正黑體","新細明體",Verdana;
    font-weight: 800;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-size:100%;
}

.product_btn_class {
    border: medium none;
    cursor: pointer;
    display: none;
    overflow: hidden;
    position: fixed;
    right: 20px;
	font-size: 0.7em;
	height: 22px;
	padding: 4px;
	line-height: 22px;
    z-index: 88;
    top:150px;
	opacity: 0.7
}


/* buycar_data_lable_fullpage */
.button-group span{
	height:20px  !important;
}
.lable_isotope {
	margin: 8px;
	min-width: 280px;
	max-width: 315px;
    float: left;
    width: auto;
}

.lable_s_name {
    max-width: 240px;
    min-width: 230px;
}

@media screen and (max-width: 1025px) {
	.lable_isotope {
	margin: 8px;
	min-width: 280px;
	max-width: 305px;
    float: left;
    width: auto;
	}
	
	.lable_s_name {
    max-width: 230px;
    min-width: 220px;
	}
}

/* iPhone and Smartphones (portrait and landscape) OK */
@media screen and (min-device-width : 320px) and (max-device-width: 480px) {
	.lable_isotope {
    	float: left;
    	margin: 6px;
    	max-width: 290px !important;
    	min-width: 260px !important;
    	width: auto;
	}
	
	.lable_s_name {
    	max-width: 230px;
    	min-width: 220px;
	}
	
	.button-group .button {
		font-size:11pt !important;
	}

}

/* iPads (landscape) OK */
@media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.lable_isotope {
    	float: left;
    	margin: 8px;
    	max-width: 300px !important;
    	min-width: 270px !important;
    	width: auto;
	}

	.lable_s_name {
    	max-width: 240px;
    	min-width: 230px;
	}
}
/* buycar_data_lable_fullpage */

/* ---------------notify CSS Setup --------- */
.ui-pnotify-text ul li {
	margin: 5px;
}

.ui-pnotify-text li span {
	float: left;
}

.brighttheme-notice {
    color: #232323!important;
}