﻿a{outline: none;border:0;}
a:hover{text-decoration:underline;}
.span_more:hover{text-decoration:underline;}
/*area div*/
body{padding:0;margin:auto;/*background-color:#1E567B*/}
#wrapper{width:1200px;margin:auto}
#navbar{width:1200px;height:65px;background-color:aqua;}
#banner{width:1200px;height:300px;background-color:#386698;border:none}
#banner_inner{width:1200px;margin:auto;border:none}
#active_tag{width:1200px;height:36px;background-color:blue}

/*#main{width:1200px;height:1279px;clear:both}*/
#main{width:1200px;height:692px;clear:both}

/*#main_left{width:937px;height:1279px;background-color:bisque;float:left}*/
#main_left{width:760px;height:692px;background-color:white;float:left}

/*#main_right{width:263px;height:1279px;background-color:chocolate;float:left}*/
#main_right{width:440px;height:692px;background-color:chocolate;float:left}

/*detail*/
#top_icon{width:570px;height:65px;float:left;background-image:url(../images/1.jpg)}
.btn_decoration{width:6px;height:65px;background-image:url(../images/2.jpg);float:left}
.btn_decoration_right{width:26px;height:65px;background-image:url(../images/11.jpg);float:left}
.nav_btn{width:120px;height:65px;float:left}
#button1{background-image:url(../images/3.jpg)}
#button1:hover{background-image:url(../images/_3.jpg)}
#button2{background-image:url(../images/4.jpg)}
#button2:hover{background-image:url(../images/_4.jpg)}
#button3{background-image:url(../images/5.jpg)}
#button3:hover{background-image:url(../images/_5.jpg)}
#button4{background-image:url(../images/6.jpg)}
#button4:hover{background-image:url(../images/_6.jpg)}
#button5{background-image:url(../images/7.jpg)}
#button5:hover{background-image:url(../images/_7.jpg)}
.act_decoration{height:36px;background-image:url(../images/14.jpg);float:left}
.act_btn_w288{width:600px;height:40px;float:left}
.act_btn_w294{width:600px;height:40px;float:left}
#button6{background-image:url(../images/13.jpg)}
/*#button6:hover{background-image:url(../images/_13.jpg)}*/
#button8{background-image:url(../images/16.jpg)}
/*#button8:hover{background-image:url(../images/_16.jpg)}*/
#button9{background-image:url(../images/17.jpg)}
/*#button9:hover{background-image:url(../images/_17.jpg)}*/

#button6_new{background-image:url(../images/new_13.jpg)}
#button8_new{background-image:url(../images/new_16.jpg)}


#topic_left{width:250px;height:222px;float:left;background-color:white;margin-left: 20px;}
#topic_mid{width:450px;height:300px;float:left;background-color:white;margin-left: 20px;}

#topic_left_2{width:250px;height:222px;float:left;background-color:white;margin-left: 20px;margin-top: 40px;}
#topic_mid_2{width:450px;height:300px;float:left;background-color:white;margin-left: 20px;margin-top: 40px;}

#topic_right{width:263px;height:222px;float:left;}
#button10{width:263px;height:84px;background-image:url(../images/20.jpg)}
#button11{width:263px;height:64px;background-image:url(../images/21.jpg)}
#button12{width:263px;height:74px;background-image:url(../images/22.jpg)}

#news{width:450px;height:320px;margin-left:17px;background-color:white;overflow:hidden}
#news_top{width:450px;height:30px;background-color:lightcoral;background-image:url(../images/news_top.jpg)}
#news_top:hover{cursor:pointer}
#news_bot{width:450px;height:300px;background-color:white;overflow:hidden}
#news_ul{padding-left:20px;padding-right:5px;margin-top:10px;}
.news{line-height:39px;border-bottom:1px solid #c9cbca;font-family:'Microsoft JhengHei';color:#1E5479;font-size:17px;padding:3px;list-style-type: disc;}
.news:hover{background-color:powderblue}

#actions{width:450px;height:320px;margin-left:17px;background-color:white;overflow:hidden}
#actions_top{width:450px;height:30px;background-color:lightcoral;background-image:url(../images/actions_top.jpg)}
#actions_top:hover{cursor:pointer}
#actions_bot{width:450px;height:300px;background-color:white;overflow:hidden}
#actions_ul{padding-left:20px;padding-right:5px}

#downic{background-color:white;}
#downic_top{width:1160px;height:30px;margin-left:20px;/*background-color:white;background-image:url(../images/topic_top.jpg)*/}
#downic_bot{width:1160px;height:300px;margin-top:10px;background-color:white;}
.downic_bot_content{margin-left:18px;float:left;width:272px;}
.downic_bot_c{width:185px;height:250px;margin-left:10px;margin-top:10px;}
.downic_bot_2c{width:185px;height:250px;margin-left:10px;margin-top:40px;}
.downic_bot_img{width:272px;height:200px;}

#downic_2{padding-bottom: 50px;background-color:white;}
#downic_top_2{width:1160px;height:30px;margin-left:20px;/*background-color:white;background-image:url(../images/topic_top_2.jpg)*/}
#downic_bot_2{background-color:white;}



#monthly_top{width:250px;height:30px;/*background-color:lightblue;background-image:url(../images/monthly_top.jpg)*/}
#video_top{width:250px;height:30px;/*background-color:lightblue;background-image:url(../images/video_top.jpg)*/}
#vid{width:250px;height:220px;margin-top:10px;/*border-radius:15px;overflow:hidden;-moz-border-radius: 15px;-webkit-border-radius: 15px;*/position:relative;overflow:hidden}
#img_area{margin-top:10px;}

#footer{width:1200px;height:330px;background-color:#0032F0;clear:both;}
#footer_left{width:1200px;height:120px;padding-top:34px;margin-left:15px;}
.footer_left_c{width:141px;height:113px;margin-left:10px;}
#footer_right{width:200px;height:200px;float:right;padding-top:34px;margin-right:55px;}
#footer_down{width:1200px;height:40px;text-align:center;color:#FFF;font-size:14px;background-color:#339FCE;}


.corner {
    background: url(../images/tak7dt.png) no-repeat top left;
    height: 20px;
    position: absolute;
    width: 20px;
    z-index: 99;
}
.topleft {
    left: 0;
    top: 0;
}

.topright {
    right: 0;
    top: 0;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.bottomright {
    bottom: 0;
    right: 0;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.bottomleft {
    bottom: 0;
    left: 0;
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
}

.products{width:937px;height:298px;background-color:white}
.products2{width:937px;height:502px;background-color:white}
.prod_top{height:58px;background-color:wheat;}
.prod_content{width:906px;height:230px;background-color:greenyellow;margin-left:17px;border:3px solid #c9cbca;overflow:hidden}
.prod_content2{width:906px;height:433px;background-color:greenyellow;margin-left:17px;border:3px solid #c9cbca;overflow:hidden}
.prod_content_top{height:27px;background-color:#009b4d}
.prod_content_bot{height:203px;background-color:#769d9c}
#prod_top1{background-image:url(../images/discount.jpg)}
#prod_top2{background-image:url(../images/new_prod.jpg)}
#prod_top3{background-image:url(../images/hot_prod.jpg)}
/*.prod_content_continue{height:204px;background-color:chartreuse}*/
#bot_buttons{width:937px;height:181px;background-color:black}
#button13{width:244px;height:181px;background-image:url(../images/26.jpg)}
#button14{width:213px;height:181px;background-image:url(../images/28.jpg)}
#button15{width:219px;height:181px;background-image:url(../images/29.jpg)}
#button16{width:215px;height:181px;background-image:url(../images/30.jpg)}
.but_btn{float:left}
.bot_decoration{width:10px;height:181px;background-image:url(../images/27.jpg);float:left}
.bot_decoration2{width:16px;height:181px;background-image:url(../images/bot_decoration2.jpg);float:left}

#fb{width:440px;height:652px;background-color:white}
#today_prod{width:460px;height:314px;background-color:white}
#blog{width:460px;height:313px;background-color:white}
#fb_top{width:460px;height:47px;background-image:url(../images/join_fb.jpg)}
#fb_bot{width:460px;height:593px;margin-left:30px}

.fb_content{width:395px;height:129px;overflow:hidden}
#fb_content_top{width:229px;height:67px;background-image:url(../images/fb_icon.jpg)}
.fb_content_bot{width:395px;height:129px;background-color:white}
#fb_icon{text-align:center;width:229px;height:110px}
#fb_post{width:229px;height:244px;border-bottom:1px solid #c9cbca;font-size:15px;font-family:'Microsoft JhengHei';line-height:24px;word-break:break-all}
#fb_fans{width:229px;height:165px;text-align:center}
.likes_amount{font-size:13px;font-family:'Microsoft JhengHei';}
#today_prod_top{width:263px;height:45px;background-image:url(../images/today_prod.jpg)}
#today_prod_bot{width:233px;height:252px;margin-left:10px;background-color:#009b4d;border:3px solid #c9cbca;overflow:hidden}
#blog_top{width:233px;height:43px;background-image:url(../images/blog.jpg)}
#blog_bot{width:233px;height:252px;margin-left:10px;background-color:#009b4d;border:3px solid #c9cbca;overflow:hidden}

#Div1{background-image:url(../images/search_store.jpg)}
#Div1:hover{background-image:url(../images/search_store_bak.jpg)}
#Div2{background-image:url(../images/div2_money.jpg)}
#Div2:hover{background-image:url(../images/div2_money_bak.jpg)}
#Div3{background-image:url(../images/div3_member.jpg)}
#Div3:hover{background-image:url(../images/div3_member_bak.jpg)}
#Div4{background-image:url(../images/div4_problem.jpg)}
#Div4:hover{background-image:url(../images/div4_problem_bak.jpg)}
.div_btn{width:192px;height:71px;}

/*#div_line{background-image:url(../images/sunfar_line.jpg)}
#div_line:hover{background-image:url(../images/sunfar_line_bak.jpg)}*/
#div_line{background-image:url(../images/sunfar_line_new.jpg)}