@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px;}
.clear {clear: both; margin:0px; padding:0px; height:0px;}
html, body {
	margin: 0px;
	padding: 0px;
	font-size:15px;
	color:#000;
	FONT-FAMILY: "微軟正黑體","MingLiU", "新細明體", "PMingLiU";
	line-height: 25px;
	/*background:url(images/background.jpg) 0px 0px repeat-x;*/
}
a{ color:#06C; text-decoration:none;}
a:hover{ color:#690;}
#stage{ margin:10px auto; width:1320px;}
#div_content{ min-height:500px;height: auto !important;height:500px; margin-top:10px;}
#div_content2{ min-height:400px;height: auto !important;height:400px; margin-top:30px;}
#div_content_c{ min-height:500px;height: auto !important;height:500px; margin-top:10px;background: url(images/memo_dot.jpg) 180px 0px repeat-y;}

#div_join_content{ min-height:400px;height: auto !important;height:400px; width:770px; margin:30px auto;}

#div_join_terms{ min-height:400px;height: auto !important;height:400px; width:770px; margin:30px auto; padding:20px; background:url(images/jbg.jpg) top left no-repeat;
/*
border:#690 solid 1px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;

-moz-box-shadow: 3px 3px 10px #999;
-webkit-box-shadow: 3px 3px 10px #999;
box-shadow: 3px 3px 10px #999;*/
}

#terms_det{ line-height:22px;letter-spacing:1px; width:770px; height:300px; overflow-y:scroll; overflow-x:hidden;}
#terms_det h1{ color:#276FB6; font-weight:bold; font-size:13px;}
#terms_det p{ margin-bottom:7px;}
#terms_det .color_red{ color:#C00}
#terms_det ul{ padding-left:25px;}

/*#d_r_content{ float:right; width:1140px;}*/
#d_r_content{ float:none; display:block; width:1320px;}


#logo{ float:left; width:190px;}
#logo img{border:none}

#d_top_right{ float:right; width:1120px; background:url(images/logo_wd.gif) 10px 0px no-repeat}
#search{}

#d_left{float:left; width:160px;}

#topmenu{ margin-top:55px;}

#myccart{}
#myccart a{ color:#333; text-decoration:none; padding:0px 1px 0px 1px;}
#myccart a:hover{ color:#06C;}

#foot{ background:url(images/foot.png) 0px -5px no-repeat; height:53px; padding-top:30px; color:#666; margin-bottom:50px;}
#foot a{ color:#666; text-decoration:none;}
#foot a:hover{ color:#000;}

#pdImgStyle{ margin-top:0px;}

#pdcatlist{ background:#F3F3F3; padding:10px; margin-bottom:10px;}
#mypdcatlist{ float:left; width:90px; text-align:center; margin-right:8px; height:120px;}
#mypdcatlist2{ float:left; width:90px; text-align:center; height:120px;}
#mypdcatlist img, #mypdcatlist2 img{ border: none;}
#mypdcatlist a, #mypdcatlist2 a{ color:#666; text-decoration:none;}
#mypdcatlist a:hover, #mypdcatlist2 a:hover{ color:#000;}

#pdlist{}

#pdtypename{ background:#F3F3F3; padding:6px 20px 6px 10px; margin-top:10px;}

#pdaa{ width:250px; float:left; margin:10px 8px 0px 8px; height:380px;}
#pdaa .pdaa-img{
	width: 250px;
    height: 250px;
    max-width: 100%;
    background-color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
}
#pdaa .pdaa-img img{max-width:100%; height:auto;}

.pdimg-box{
    width: 250px;
    height: 250px;
    max-width: 100%;
    background-color: #FFF;
    position: relative;
    font-size: 0;
	margin-bottom: 5px;
}
.pdimg-img{
    width:100%; 
    height: 100%;
    position: absolute;
    text-align: center;
}
.pdimg-img:before{
    content: ''; 
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
}
.pdimg-img img{
    max-width: 100%; 
    max-height: 100%;
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

#pdaa img{ border:none;}
#pdaa_h1{ color:#000; text-align:center; height:35px; line-height:18px; font-size:13px;}
#pdaa_h1 a{ color:#000; text-decoration:none;}
#pdaa_h1 a:hover{ color:#900;}

#pdaa_price{ color:#666; FONT-FAMILY:"Arial"; text-align:center; height:30px;}

#pdname{ font-size:28px; color:#000; font-weight:600; line-height:25px; padding-top:15px; margin-bottom: 15px;}
#pdnt{ font-size:15px; color:#B20000; font-family:Arial, Helvetica, sans-serif; padding:30px 10px 0px 0px; font-weight:600;display:inline-block}
/*#pdprice{ font-family:"Geometr212 BkCn BT","微軟正黑體","Microsoft JhengHei","Helvetica Neue","Arial","Trebuchet MS","Helvetica","Verdana","sans-serif"; font-size:60px;color:#B20000; position:absolute; margin-left:300px; margin-top:60px; height:60px; padding-top:20px; padding-bottom:30px;}*/
#pdprice{ font-family:"Geometr212 BkCn BT","Microsoft JhengHei","Helvetica Neue","Arial","Trebuchet MS","Helvetica","Verdana","sans-serif"; font-size:40px;color:#B20000; padding-top:20px; padding-bottom:17px; display:inline-block}

.select2{padding: 5px; height:35px;min-width: 60px; font-size: 16px;}

.pdnumbox{width:80px; height: 35px; font-size: 15px; padding:6px; font-size: 16px; text-align: center;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;}


#pdcolor{ margin:30px 0px 0px 0px;}

#pdmemo{float:left; padding-right:15px; width:48%; color:#333333; line-height: 22px;font-size: 15px;}
#pdmemo2{float:left; padding-right:15px; padding-left:45px; width:40%; color:#333333; line-height: 22px;font-size: 15px;}
#pdgallery{float:left; padding-left:15px; width:368px;}
#pdgallery img { padding:3px;}

#c_left{ float:left;width:180px;}
#c_right{ float:right; width:760px;}
#l_typeaa{ color:#000; margin-bottom:20px; padding:10px; background:url(images/icon_ltitle.gif) 150px 20px no-repeat;}
#l_type{ border-bottom:#999 solid 2px; padding-bottom:5px;font-family:"微軟正黑體","Microsoft JhengHei","Helvetica Neue","Arial","Trebuchet MS","Helvetica","Verdana","sans-serif"; font-weight:600; font-size:18px; padding-left:3px; margin-top:15px; margin-bottom:10px;}

#footmenu{ margin: 20px 0px 10px 0px;}
#footmenu{ font-size:13px; font-family:"微軟正黑體","Microsoft JhengHei","Helvetica Neue","Arial","Trebuchet MS","Helvetica","Verdana","sans-serif";}
#footmenu_title{ padding:5px; background:#999999; color:#FFF; font-size:13px; font-weight:600;}

#footmenu UL{ list-style-type:none; padding-left:5px; color:#666;}
#footmenu UL LI {text-align:left;color:#666; text-decoration:none; padding:3px 0px 0px 10px; background:url(images/foot_dot.gif) 0px 12px no-repeat;}
#footmenu UL LI a{ display:block; color:#666; text-decoration:none;}
#footmenu UL LI a:hover{ color:#333; background:none;}

#footmenu_content{float:left; width:141px; padding:0px 10px 0px 10px; background:url(images/memo_dot.jpg) top right repeat-y; height:140px;}
#footmenu_content2{float:left; width:300px; padding:0px 10px 0px 10px;height:140px;}


.login_wd{ font-size:12px; display:inline-block; width:60px;}
.login_input{border:#CCC solid 1px; width:200px; padding:2px;}

.member_name{ color:#930;}
.fav-a {
	vertical-align: middle; display: inline-block; -ms-zoom: 1; padding-top:15px;
}

.service_tit{display:inline-block; width:150px; font-weight:bold; padding-left:30px; float:left;}
#service_td{ padding:5px 0px 5px 0px; background:url(images/dot-underline.png) bottom left repeat-x;}
#service_td input, #service_td textarea{ width:400px;}
#service_td2{ padding:5px 0px 5px 0px;}
.size12{ font-size:12px;}
.mybottom, #mjoin .mybottom{ padding:3px 10px 3px 10px; cursor:pointer;}

#mjoin td{ padding:3px;}
#mjoin th{ color:#333; font-weight:bold; padding-right:10px; border:none;}
#mjoin input, #myear, #mmonth, #mday, #City1, #CityArea1{ border:#DCD8D0 solid 1px; padding:1px;}
.table_smallword{ color:#767676; font-size:12px;}


#pdcat, #pdcat a{color:#000; font-size:13px; font-weight:bold; text-decoration:none; padding:5px 0px 4px 10px; background: #E9E9E9 ; width:150px;}
#pdcat a:hover{ color:#900;}

.dec_color{color:#006DD9;display:inline-block; padding-left:10px;}
#pdinfo{min-height:50px;height: auto !important;height:50px; margin-top:20px;}
#pd_desc{ padding:2px 0px 2px 0px;}

.langdropdown dd, .langdropdown dt, .langdropdown ul { margin:0px; padding:0px; line-height:20px;}
.langdropdown dd { position:relative; }
.langdropdown a, .langdropdown a:visited { color:#816c5b; text-decoration:none; outline:none;}
.langdropdown a:hover { color:#5d4617;}
.langdropdown dt a:hover, .langdropdown dt a:focus { color:#5d4617; border: 1px solid #A5A5A5;}
.langdropdown dt a {background:#EEEEEE url(images/lang/arrow.png) no-repeat scroll right center; display:block; padding-right:20px;
				border:1px solid #CCCCCC; width:100px; height:25px;}
.langdropdown dt a span {cursor:pointer; display:block;}
.langdropdown dd ul { background:#EEEEEE none repeat scroll 0 0; border:1px solid #CCCCCC; color:#C5C0B0; display:none;
				  left:0px; padding:5px 0px; position:absolute; top:1px; width:auto; min-width:120px; list-style:none;}
.langdropdown span.value { display:none;}
.langdropdown dd ul li a { padding:3px; display:block;}
.langdropdown dd ul li a:hover { background-color:#DADADA;}

.langdropdown img.flag, .langdropdown dt img.flag { border:none; /*vertical-align:middle;*/}
.flagvisibility { display:none;}

#teach_banner{}
#teach_banner img { margin:10px 15px 10px 15px; border:none;}

#phonecall{font-size:15px; font-weight:bold; color:#C00;font-family:"微軟正黑體","Microsoft JhengHei","Helvetica Neue","Arial","Trebuchet MS","Helvetica","Verdana","sans-serif";}

#hotSale{ margin-bottom:15px;}
#cat1wd{border-bottom:#999 solid 2px; padding-bottom:5px;font-family:"微軟正黑體","Microsoft JhengHei","Helvetica Neue","Arial","Trebuchet MS","Helvetica","Verdana","sans-serif"; font-weight:600; font-size:18px; padding-left:3px;}

#forget a{ color:#666; text-decoration:none;}
#forget a:hover{ color:#333;}

#shareBox{border:#E4E4E4 solid 2px; margin-bottom:20px; color:#333;}
#shareBox_left{float:left; height:160px; width:160px; border-right:#E4E4E4 solid 2px;}
#shareBox_right{float:right; width:555px; margin-right:20px; margin-top:10px; height:130px;}
#shareBox h1{ color:#638A42; font-size:15px; font-weight:bold; margin:0px 0px 5px 0px; padding:0px;}
#shareBox .ndate{ color:#666; margin-bottom:5px;}
#shareBox a{ color:#67AB30; text-decoration:none;}
#shareBox a:hover{ color:#477621; font-weight:bold;}
#shareBox img{ border:none;}

#d_news{ background:#F0F0F0 url(images/d_title_news.gif) top left no-repeat; width:210px; height: 145px; padding:35px 10px 10px 10px; float:left; margin-right:15px;}
#d_gallery{ background:#F0F0F0 url(images/d_title_gallery.gif) top left no-repeat; width:434px; height:180px; padding:5px 5px 5px 5px; float:left;}
#d_gallery2{ background:#F0F0F0 url(images/d_title_gallery.gif) top left no-repeat; width:550px; height:180px; padding:5px 5px 5px 5px; float:left;}
#d_share{ background:#F0F0F0 url(images/d_title_share.gif) top left no-repeat; width:258px; height:140px; padding:45px 5px 5px 5px; float:right;}
#d_sad{ width:720px; height:155px; padding:35px 0px 0px 0px; float:right;}

#d_news_list{ background:url(images/dot-underline2.gif) bottom left repeat-x; padding:5px 0px 5px 1px; margin-bottom:3px;}
#d_news_list a{ color:#93532D; text-decoration:none;}
#d_news_list a:hover{ color:#900; background:none;}
.mydate{ color:#7B7B7B; font-size:11px; font-family:"Arial";}

.slide{width:434px;height:150px;overflow:hidden;position:relative;}
.slide-ul{position:relative;width:3640px;}
.slide-ul li{display:inline;float:left;width:140px;height:150px;overflow:hidden; margin:2px; color:#333;}
.slide-ul a{display:block;width:140px;height:150px;overflow:hidden;color:#333; text-decoration:none;}
.slide-ul a:hover .pic-txt{color:#333; text-decoration:none;}
.slide-ul .pic-txt{display:block;bottom:-30px;position:relative;width:130px;height:30px;margin:-30px 0 0;padding:0 5px;font:13px;text-align:center;z-index:1;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000);cursor:pointer;}
/*.info-btn{width:350px;height:32px;overflow:hidden; padding-left:60px; padding-top:6px;list-style-type:none;text-decoration:none;}*/
.info-btn {
	top: 10px;
	list-style: none;
	position: absolute;
	right: 15px;
	z-index: 5;
}
.info-btn li{float:left;padding:0px;}
.info-btn li span{display:block;width:16px;height:16px;background:url(images/sjbz_infor-btn.png) 0 -27px no-repeat;text-indent:-9999em;overflow:hidden;cursor:pointer;}
.info-btn .info-cur span,.info-btn .info-hover span{background-position:0 0;}


#d_share_title{float:right; width:140px; font-size:14px;color:#66AB30; font-weight:bold;}
#titlea a{font-size:13px;color:#F90; font-weight:bold; text-decoration:none;}
#titlea a:hover{ color:#F60;}
a.deaa{ color:#F90; text-decoration:none; font-weight:normal; font-size:12px;}
a.deaa:hover{ color:#F60; font-weight:bold;}


.fl{float:left;}.fr{float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}
*html .clearfix{height:1%;}
.clearfix{display:block;}
*+html .clearfix{min-height:1%;}
.demo{width:1320px;margin:0 auto;}

#bigSlideUl img{ border:none;}

/* item_list */
/*.item_list{position:relative;padding:0 0 50px;}
.item{
	width:180px;background:#fff;overflow:hidden;margin:15px 0 0 0;
	border-radius:2px 2px 2px 2px;
	border:#E8E8E8 solid 1px;
}
.item_t{padding:0px;}
.item_t .img{background-color:#FFFFFF;margin:0 auto;position:relative;width:180px;min-height:120px;}
.item_t .img a{display:block;}
.item_t .img a:hover{background:#000;}
.item_t .img a:hover img{filter:alpha(opacity=80);-khtml-opacity:0.8;opacity:0.8;-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;}
.item_t .price{
	position:absolute;bottom:10px;right:0px;background-color:rgba(0, 0, 0, 0.2);color:#FFF;
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#33000000, endcolorstr=#33000000);
}
.item .btns{display:none;}
.img_album_btn{top:0px;right:0px;position:absolute;background:#ff6fa6;color:#ffffff;height:20px;line-height:20px;width:56px;border-radius:3px;}
.img_album_btn:hover{color:#fff;}
.item_t .title{padding:5px 10px 3px 10px;line-height:18px;}
.item_b{padding:10px 8px;}
.item_b .items_likes .like_btn{background:url("images/fav_icon_word_new_1220.png") no-repeat;display:block;float:left;height:23px;width:59px;margin-right:5px;}
.item_b .items_likes em{line-height:23px;display:block;float:left;padding:0px 6px;color:#FF6699;font-weight:800;border:1px solid #ff6fa6;border-radius:3px;}*/

/* more */
#more{display:block;margin:10px auto 20px;}

/* infscr-loading */
#infscr-loading{bottom:-10px;left:45%;position:absolute;text-align:center;height:20px;line-height:20px;z-index:100;width:120px;}

/* page */
.page{display:none;font-size:18px;height:60px;text-align:center;margin:20px 0 0 0;}
.page_num a,.page_num span{margin:0 2px;background:url("images/page.png") no-repeat;display:inline-block;width:30px;height:28px;line-height:26px;overflow:hidden;}
.page_num a{background-position:-65px 0;color:#FF3333;overflow:hidden;}
.page_num .prev{background-position:1px -33px;}
.page_num .unprev{background-position:1px 0;cursor:default;}
.page_num .next{background-position:-32px 0;}
.page_num .unnext{background-position:-32px -33px;cursor:default;}
.page_num .current{background-position:-99px 0;color:#FFFFFF;}
.page_num .etc{background-position:-172px 8px;}

/* to_top */
.to_top a,.to_top a:hover{background:url("images/gotop.png") no-repeat}
.to_top a{
	background-position:0 0;float:left;height:50px;overflow:hidden;width:50px;position:fixed;bottom:35px;cursor:pointer;right:20px;
	_position:absolute;
	_right:auto;
	_left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft, 10)||0)-(parseInt(this.currentStyle.marginRight, 10)||20));
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||20)-(parseInt(this.currentStyle.marginBottom, 10)||20)));
}
.to_top a:hover{background-position:-51px 0px;}

.stitle{ display:inline-block; width:80px;}

#myindex{ margin-top:10px; background:url(images/home.png) 10px 3px no-repeat; padding-left:30px; color:#666}
#myindex a{ color:#666; text-decoration:none;}
#myindex a:hover{ color:#390;}

.wrapper{width:1320px;margin:0 auto;}
/* focus */
#focus{width:1320px;height:450px;overflow:hidden;position:relative;}
#focus ul{height:450px;position:absolute;}
#focus ul li{float:left;width:1320px;height:450px;overflow:hidden;position:relative;background:#000;}
#focus ul li div{position:absolute;overflow:hidden;}
#focus .btnBg{position:absolute;width:1320px;height:20px;left:0;bottom:0;background:#000;}
#focus .btn{position:absolute;width:1300px;height:10px;padding:5px 10px;right:0;bottom:0;text-align:right;}
#focus .btn span{display:inline-block;_display:inline;_zoom:1;width:25px;height:10px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;}
#focus .btn span.on{background:#fff;}
#focus .preNext{width:45px;height:100px;position:absolute;top:200px;background:url(images/sprite.png) no-repeat 0 0;cursor:pointer;}
#focus .pre{left:0;}
#focus .next{right:0;background-position:right top;}

#ac_title{padding:5px; background:#E8E8E8; font-size:13px; font-weight:bold; margin-bottom:15px;}
#ac_img{ float:left; margin:0px 6px 15px 6px;}

#dlink2{ margin-top:5px;}
#dlink2AD{ float:left; margin:5px;}
#dlink2AD img{ border:none;}

#mtitle{ border:#B8D3AB solid 1px; background:#F1FAE7; font-size:15px; font-weight:600; padding:4px;}

#stocksale{margin:10px 0px 15px 0px; padding:5px; border:#860000 solid 1px; background:#900;}
#stocksale a{ color:#FFF; text-decoration:none;}
#stocksale a:hover{ color:#FC0; background:none;}

#pdadd{ border:#F0F0F0 solid 1px; margin:20px 0px 20px 0px; min-height:360px;height: auto !important;height:360px;}
#pdaddbox{ width:240px; padding:15px; float:left; height:280px;}
#pdaddboxTitle{ text-align:center; color:#06C}
#pdaddboxPrice{ color:#C00; float:left;}
#pdaddboxAdd{ float:right; color:#060}

#paaa{ float:right; padding:7px 5px 0px 0px;}
#paaa img{ border:none; vertical-align:central; margin-left:2px;}
#paaa a{ color:#006DD9; text-decoration:none;}
#paaa a:hover{ color:#930}
#paaa .selected{ color:#F30; font-weight:600;}

#div_subpd{ min-height:500px;height: auto !important;height:500px;}


#sitemap{ margin: 20px 0px 20px 0px;}
#sitemap{ font-size:13px; font-family:"微軟正黑體","Microsoft JhengHei","Helvetica Neue","Arial","Trebuchet MS","Helvetica","Verdana","sans-serif";}
#sitemap_title{ padding:5px; background:#999999; color:#FFF; font-size:15px; font-weight:600;}

#sitemap UL{ list-style-type:none; padding-left:5px; color:#666;}
#sitemap UL LI {text-align:left;color:#666; text-decoration:none; padding:3px 0px 0px 10px; background:url(images/foot_dot.gif) 0px 12px no-repeat;}
#sitemap UL LI a{ display:block; color:#666; text-decoration:none;}
#sitemap UL LI a:hover{ color:#333; background:none;}

#sitemap_content{float:left; width:141px; padding:0px 10px 0px 0px; height:140px;}
#sitemap_content2{float:left; width:300px; padding:0px 10px 0px 10px;height:140px;}

.dgallery{float:left; width:184px; height:180px; margin:3px; color:#666; line-height:20px;}
.dgy2{ width:187px; height:140px; overflow:hidden;}

.mystore strong{ display:inline-table; width:50px;}
.mystore span{ display:inline-table; width:260px;}

.i-bline{ border-bottom:#E5E5E5 solid 1px;}
.i-ac, .i-new, .i-sale{padding:4px 0px 8px 0px; margin-bottom:4px;}
.i-ac{ background: url(images/i-special.png) 0px 2px no-repeat; padding-left:30px;}
.i-new{ background:url(images/i-new.png) 0px 2px no-repeat; padding-left:30px;}
.i-sale{ background: url(images/i-sale.png) 0px 2px no-repeat; padding-left:30px;}

.i-ac a, .i-new a, .i-sale a{ color:#000; font-size:14px; font-weight:600;}
.i-ac a:hover, .i-new a:hover, .i-sale a:hover{ color:#7A171C; font-size:14px; font-weight:600;}

.ftitle{ margin-bottom:20px; font-size:24px; text-align:center;font-family:"微軟正黑體","Microsoft JhengHei","Helvetica Neue","Arial","Trebuchet MS","Helvetica","Verdana","sans-serif"; color:#BE2158; font-weight:600;}
.feature_stitle{ background:url(images/feature_bg.png) left center repeat-x; margin-top:20px;}
.feature_stitle h1{font-size:20px; background:#FFF; display:inline-block; padding:5px 15px 5px 0px; color:#AC093D}
.feature_sfile{ margin:5px 0px 35px 0px;}
.sgtitle{ font-size:20px; text-align:center;font-weight:600; margin-bottom:15px; font-family:"微軟正黑體","Microsoft JhengHei","Helvetica Neue","Arial","Trebuchet MS","Helvetica","Verdana","sans-serif";}

.ful{ padding:20px;}
.ful ul{ list-style-type:none;}
.ful ul li{ height:24px; padding:5px 5px 5px 30px; background: url(images/ficon.jpg) left center no-repeat; line-height:24px; width:190px; display:inline-block;}
.ful ul li .wdr{ color:#900}
.ful ul li a{ color:#666}
.ful ul li a:hover{color:#BE2158; text-decoration:none;}

.fgallery{ padding:0px; margin:10px 0px 10px 0px;}
.fgbox{ float:left; width:310px; height:310px; overflow:hidden; border:#DFDFDF solid 1px; position:relative; margin-bottom:17px;}
.fgbox a{ padding:0px; color:#333; font-size:15px;}
.fgbox a:hover{color:#AC093D;}
.fgboxR{ margin-right:17px;}
.readmore{ padding:0px 15px 15px 15px;font-size:12px; color:#333;font-family:"Microsoft JhengHei","Helvetica Neue","Arial","Trebuchet MS","Helvetica","Verdana","sans-serif"; position:absolute; bottom:0px; left:0px; width:100%;}
.readmore a{ font-size:12px;}

.fbtn{text-align:center;}
.fbtn button{ height:50px; width:200px; line-height:50px;cursor: pointer;font-family:"微軟正黑體",Microsoft JhengHei,Microsoft YaHei ,Century Gothic, Helvetica, Arial, Verdana, 新細明體;
	background:#999;
	border-radius:7px;
	border:none;
	color:#FFF;
	font-size:16px;
	line-height:20px;transition:0.5s all;	-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;
}
.fbtn button:hover{ background:#333}
.fimg{ list-style-type:none;}
.fimg li{width:240px; height:195px; display:inline-block; margin-bottom:10px; background:#FFF; overflow:hidden;}
.fimg li:hover{ background:#F7F7F7}
.fimg li label{ padding:0; margin:0;}
.fimg li img{ text-align:right; cursor:pointer;}
.fimg li input{ float:left; background:#666}


.fform{ color:#666;}
.fform .wdred{ color:#C30}
.fform .label {
	display: block;
}
.fform .row {
	margin: 0px 0px 15px 0px;
}
.fform .row:after {
	content: '';
	display: table;
	clear: both;
}
.fform .col {
	float: left;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.fform .col-4 {
	width: 33.33%;
}
.fform .col-6 {
	width: 50%;
}
.fform .input,
.fform .select,
.fform .textarea,
.fform .radio,
.fform .checkbox,
.fform .toggle,
.fform .button {
	position: relative;
	display: block;
}
.fform .input input,
.fform .select select,
.fform .textarea textarea {
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	height: 39px;
	padding: 8px 10px;
	outline: none;
	border: #B9B9C8 solid 1px;
	background: #fff;
	color: #333;
	appearance: normal;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.fform .textarea textarea {
	height: auto;
	resize: none;
}

.feature_wd{
	position:absolute;
	z-index:500;
	top:50%;
	left:50%;
	background:rgba(0,0,0,0.5);
	padding:8px 3px 8px 8px;
	color:#FFF;
	font-size:24px;
	font-family:'微軟正黑體';
	letter-spacing:5px;
	transform: translate(-50%);
	-webkit-transform: translate3d(-50%,0,0);
	-webkit-backface-visibility:hidden;
}
.bg_wd{ margin-top:10px; color:#FFF; background:#AC093D; padding:30px; text-align:center;}
.bg_wd h1{ text-align:center; font-size:20px;font-family:'微軟正黑體'; margin-bottom:15px;}
.cft{background:#AC093D; padding:20px; color:#FFF; margin-bottom:20px;}
.cft h1{ background:url(images/cf-icon.png) center left no-repeat; font-size:16px; padding-left:20px; margin-bottom:15px;}
.cft p{ line-height:22px;}

.frmenu{ border-top:#D2D3D4 solid 1px;border-bottom:#D2D3D4 solid 1px; height:40px;/* background:#F6F6F6 url(images/feature_title.png) top left no-repeat;*/ padding-left:110px; margin-bottom:10px; position:relative;}
.frmenu .frtitle{text-align:center; font-size:16px;font-family:'微軟正黑體'; position:absolute; top:0px; left:10px; font-weight: 900; color:#AC093D; letter-spacing:2px;}
.frmenu ul{ list-style-type:none;}
.frmenu ul li{display:inline-block; margin:0px;}
.frmenu ul li a{display:inline-block; padding:0px 10px 0px 10px; height:37px; line-height:40px; font-size:15px; border-bottom:#F8F8FE 3px solid; color:#333333;}
.frmenu ul li a:hover{ color:#999;}
.frmenu ul li a.selected{ color:#900;}

.frbox{border-top:#D2D3D4 solid 1px;border-bottom:#D2D3D4 solid 1px; height:40px; background:#F6F6F6}
.frtitle{ font-size:16px; line-height:40px; padding-left:10px;}
.flmenu{ }
.flmenu ul{list-style-type:none; padding-left:20px;}
.flmenu ul li{ background:url(images/flicon.png) left center no-repeat; padding-left:12px;}
.flmenu ul li a{ display:inline-block; padding:3px; color:#333}
.flmenu ul li a:hover, .flmenu ul li a:hover.selected{ color:#999}
.flmenu ul li a.selected{ color:#930}

.fshare{border-top:#D2D3D4 solid 1px;border-bottom:#D2D3D4 solid 1px; height:36px; line-height:36px; padding-left:5px; margin-top:10px; margin-bottom:10px; position:relative;}
.fshare .previos{ position:absolute; right:5px; top:0px; font-size:12px;}
.fshare .previos a{ color:#333}
.fshare .previos a:hover{ color:#999}


/*下單按鈕*/
.buybutton{ padding:0px 10px 0px 10px; font-size:15px; color:#FFF; border:solid 2px #333;background:#333;
    display:inline-block;
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
    -ms-transition:0.5s all;
    height:50px;
    line-height:45px;
    min-width: 300px;
    border-radius: 5px;
    font-size: 16px;
    display:inline-block;
    }
.buybutton2{min-width: 120px; height: 30px; line-height: 25px; margin-bottom: 5px; font-size: 15px;}
.buybutton:hover{ padding:0px 10px 0px 10px; color:#FFF; cursor:pointer;border:solid 2px #000;background:#000;letter-spacing: 3px;}
.buybutton i{ margin-right: 8px; font-size: 20px;}
.buybutton.bgbtn{background:#555; border-color: #555; color:#FFF;}
.buybutton.bgbtn:hover{background:#000; border-color: #000;}
/*追蹤按鈕*/
.favbutton{ padding:0px 20px 0px 20px; font-size:16px; background:#999; color:#FFF; border:none;
    display:inline-block;
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
    -ms-transition:0.5s all;
    height:50px;
    line-height:45px;
    border-radius: 5px;
    }
.favbutton i{ margin-right: 8px; font-size: 20px;}
.favbutton:hover{ background:#000; color:#FFF; cursor:pointer;}