@charset "UTF-8";
@import url(fonts.css);
/*STYLE.CSS*/
body,html{ font-family:Arial, Helvetica, sans-serif, "微軟正黑體";}
/*INDEX*/
#body_index{
	text-align:center;
	background-image: url(../../images/inside/BG/indexbot.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding:0px;
	margin:0px;
	/*background-color:#101010;*/
	background-color:#fffae8;
}

#rfindextopbg1{width:100%; margin:0 auto; background:url(../../images/inside/BG/indextop.jpg) no-repeat center top; min-height:421px; }
#rfindextopbg2{width:100%; margin:0 auto; background:url(../../images/inside/BG/indextop_mid.png) no-repeat center top; padding-bottom:254px;}

.indexCon_L01bg{
	width: 218px;
	height: 275px;
	text-align:center;
	clear:both;
	background:url(../../images/inside/BG/index_04.png) no-repeat right top;
	
	
}
.indexCon_L01bg ul{height:275px}
.indexCon_L01bg li{ list-style:none; position:relative; width:218px; height:65px;}
.indexCon_L01bg li a{ opacity:1; display:block; text-indent:-9999px}
.indexCon_L01bg li a.rfindexbtn1{ background:url(../../images/inside/BG/index_btn1.png) no-repeat; width:140px; height:53px; top:15px; left:50px;}
.indexCon_L01bg li a.rfindexbtn2{ background:url(../../images/inside/BG/index_btn2.png) no-repeat; width:140px; height:35px; top:30px; left:73px;}
.indexCon_L01bg li a.rfindexbtn3{ background:url(../../images/inside/BG/index_btn3.png) no-repeat; width:140px; height:35px; top:30px; left:73px;}
.indexCon_L01bg li a.rfindexbtn4{ background:url(../../images/inside/BG/index_btn4.png) no-repeat; width:140px; height:35px; top:20px; left:73px;}
.indexCon_L01bg li span.me2rftxt{ font-size:13px; color:#fff; width:140px; top:50px; left:58px;}
.indexCon_L01bg li a:hover{ margin-top:-2px}



.indexCon_L03bg{
	background-image: url(../../images/inside/BG/index_11_n.png);
	width: 218px;
	height: 180px;
	background-repeat: no-repeat;
	background-position: top;
	text-align:center;
}
.indexCon_M03bg{
	width: 562px;
	height: 187px;
	background-image: url(../../images/inside/BG/index_10.png);
	background-repeat: no-repeat;
	background-position: center top;
}


.indexCon_M04bg{
	width: 562px;
	height: 100px;
	/*background-image: url(../inside/BG/index_13.png);
	background-repeat: no-repeat;
	background-position: top;
	text-align:center;*/
}
.indexCon_M04bgM a{text-indent:-9999px; display:block}
.rfitem01{background:url(../../images/inside/BG/index_13.png) no-repeat left top; width:100%; height:50px;}


.indexCon_R01bg{
	background-image: url(../../images/inside/BG/index_06.png);
	width: 220px;
	height: 189px;
	background-repeat: no-repeat;
	background-position: top;
	text-align:center;
}
.indexCon_R01bg a{
	background:none;
	width: 220px;
	height: 189px;
	display:block;
	text-indent:-9999px;
}
.indexCon_R01bg a:hover{
	background: url(../../images/inside/BG/index_06_r.png) no-repeat center top;
}

.indexCon_R02bg ul{ padding-top:7px;}
.indexCon_R02bg li{ list-style:none; width:198px; height:97px; border:1px solid #000; border-right:none; border-left:none; }
.indexCon_R02bg li:first-child{border-bottom:none; }
.indexCon_R02bg li:last-child{border-top:none;border-bottom:none; }
.indexCon_R02bg li a{border:0;width:198px; height:97px; opacity:.5 }
.indexCon_R02bg li a:hover{ opacity:1}
.indexCon_R02bg .rfitem02{ background:url(../../images/inside/BG/rf_SBRitem.png); width:20px; height:20px; right:18px; bottom:0}

.indexCon_R03bg{
	background: url(../../images/inside/BG/index_12.png) no-repeat left top;
	width: 220px;
	height: 145px;
}


/*INSIDE*/

#main_inside{
	width:100%;
	margin:0 auto;
}
#insidebot{ 
	background:url(../../images/inside/BG/inside_botbg.png) no-repeat center top;height:277px;}
#body_inside{
	text-align:center;
	padding:0px;
	margin:0px;
	background-image: 		url(../../images/inside/BG/botbg.jpg);
    background-color: #1E1212;
	background-repeat: no-repeat;
	background-position: bottom;
}
#copyRight{
	width:100%;
	height:50px;
	text-align:center;
	background:url(../../images/inside/BG/copyrightBG.jpg);
}

.insideCon_Menu{
	width: 218px;
}
/*NEW MAKE*/
.rfPosR{ position:relative;}
.rfPosA{ position:absolute;}
#rfinsideBg{ background:url(../../images/inside/BG/topbg01.jpg) no-repeat center top #fff; width:100%; min-height:424px;}
#rftopArea{ width:1200px; height:424px; margin:0 auto;}
.rfindextopArea{height:421px;}
#rftopArea a.rfhome{ display:block; text-indent:-9999px; width:360px; height:50px;left:30px;top:10px;}
#rftopArea ul.rfmenu{left:505px;top:30px; color:#fff; height:36px;}
#rftopArea ul.rfmenu li{ float:left; border-right:1px #8c5147 solid; width:90px; margin:0 2px;list-style:none; font-size:16px}
#rftopArea ul.rfmenu li:last-child{border-right:none;width:100px;}
#rftopArea ul.rfmenu li a{color:#fff;}
#rftopArea ul.rfmenu li a:hover{color:#ff0;}
#rftopArea ul.rfindexmenuline li{border-right:1px #8c5147 solid;}


#rftopArea ul.rfGSarea{left:371px;bottom:20px; color:#fff;}
#rftopArea ul.rfGSarea li{ float:left; list-style:none;}
#rftopArea ul.rfGSarea li a{ width:117px; height:54px; display:block; text-indent:-9999px; opacity:.8}
#rftopArea ul.rfGSarea li a.rfgs1{ background:url(../../images/inside/BG/rfGS1.png);}
#rftopArea ul.rfGSarea li a.rfgs2{ background:url(../../images/inside/BG/rfGS2.png); margin-left:20px}
#rftopArea ul.rfGSarea li a:hover{ opacity:1;}


#rfcontent{ width:1000px; margin:0 auto}

#rfLmenu1{ background:url(../../images/inside/BG/rfLmenu1.png) right top no-repeat; width:218px; height:31px;text-align:center;}
#rfLmenu1 a{color:#ff0; font-size:16px; line-height:25px; margin-left:20px; text-shadow:-1px -1px 3px #000; cursor:auto}

#rfLmenu2{ background:url(../../images/inside/BG/rfLmenu2.png) right top no-repeat; width:218px; height:36px;text-align:center;}
#rfLmenu2 a{color:#fff; font-size:16px; line-height:36px;  margin-left:20px; text-shadow:-1px -1px 3px #000;}
#rfLmenu2 b{color:#fff; font-size:16px; line-height:36px;  margin-left:20px; text-shadow:-1px -1px 3px #000; font-weight: normal}

#rfLmenu3{ background:url(../../images/inside/BG/rfLmenu3.png) right top repeat-y; width:218px; text-align:center;}

#rfLmenu3 ul{ }
#rfLmenu3 li{ list-style:none inside;line-height:28px;
 width:150px;margin:0 auto;border-bottom:1px #1d4e59 dashed; }
#rfLmenu3 li:first-child{ padding-top:5px;}
#rfLmenu3 li:last-child{ padding-bottom:5px;border-bottom:none;}
#rfLmenu3 a{color:#a4daff; font-size:15px; margin-left:20px; text-shadow:-1px -1px 3px #000;}
#rfLmenu3 a:hover{ letter-spacing:1px; color:#ff0;}

#rfLmenu4{ background:url(../../images/inside/BG/rfLmenu4.png) right top no-repeat; width:218px; height:58px;}


/*PAGE*/
.news_W004{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #DFDFDF;
	text-decoration: none;
	margin:0px 10px 0px 20px;
	list-style-type: decimal;
	list-style-position: Outside;
}

.news_W005{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #DFDFDF;
	text-decoration: none;
	margin:3px 10px 3px 20px;
	list-style-type: square;
	list-style-position: Outside;
	padding-left:10px;
}
.pl10{padding-left:10px}

.insideW002s a{
	padding:0 3px;
}
.ITemMall_PICM2{
	background-image: url(../../images/inside/ItemMall/ItemMall_PIC_04.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 46px;
	width: 288px;
}
.ITemMall_PICM3{
	background-image: url(../../images/inside/ItemMall/ItemMall_PIC_05.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 69px;
	width: 288px;
}
.download_WBGL{
	background-image: url(../../images/inside/download/Wallpaper/DWbgL.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 217px;
	width: 214px;
}
.download_WBGR{
	background-image: url(../../images/inside/download/Wallpaper/DWbgR.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 217px;
	width: 214px;
}
.download_WBGM{
	background-image: url(../../images/inside/download/Wallpaper/DWbgM.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 217px;
	width: 214px;
}
.downloadWPADL{padding:0px 0px 0px 15px;}
.downloadWPADR{padding:0px 15px 0px 0px;}
.downloadWPADM{padding:0px 0px 0px 2px;}
.downloadWord001{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	color: #999;
	text-decoration: none;
}
.downloadWord001 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	color: #FC3;
	text-decoration: none;
}
.downloadWord001 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	color: #6FF;
	text-decoration: none;
}
.downloadWord002{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #999;
	height:25px;
	text-decoration: none;
}
.downloadWord002 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: :20px;
	color: #FC3;
	text-decoration: none;
}
.downloadWord002 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #6FF;
	text-decoration: none;
}


.download_YBGL{
	background-image: url(../../images/inside/download/Wallpaper/DYbgL.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 169px;
	width: 214px;
}
.download_YBGR{
	background-image: url(../../images/inside/download/Wallpaper/DYbgR.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 169px;
	width: 214px;
}
.download_YBGM{
	background-image: url(../../images/inside/download/Wallpaper/DYbgM.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 169px;
	width: 214px;
}
.download_MsnAllbg{
	background-image: url(../../images/inside/download/msn/msnallbg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 343px;
	width: 592px;
}
.download_Msnbg{
	background-image: url(../../images/inside/download/msn/msnbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 122px;
	width: 99px;
}
.download_BGStopbg{
	background-image: url(../../images/inside/download/Background/DCSS_01.png);
	background-repeat: no-repeat;
	background-position:  top;
	width: 680px;
	height: 30px;
}
.download_BGSMidbg{
	background-image: url(../../images/inside/download/Background/DCSS_02.png);
	background-repeat: no-repeat;
	background-position:  top;
	width: 680px;
	}
.download_BGSbotbg{
	background-image: url(../../images/inside/download/Background/DCSS_04.png);
	background-repeat: no-repeat;
	background-position:  top;
	width: 680px;
	height: 107px;
}
.download_PicPad{ margin:0px 0px 0px 38px;}
.download_BGSinPut{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #D6EAEB;
	text-decoration: none;
	background-color: #151515;
	height: 107px;
	width: 626px;
	border: 0px;
}
.download_BGTIT{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0D0D0D;
	text-decoration: none;
	margin:3px 0px 0px 45px;
}
.btn01{ cursor:pointer;}
.input_radio{height:14px; width:14px; margin-top:8px;}

/*GOTOP*/
/*scrollToTop start
-------------------------------------------------- */
.scrollToTop {
  display: block;
  width: 45px;
  height: 45px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  position: fixed;
  bottom: 100px;
  right: 30px;
  visibility: hidden;
  background: #000000;
  text-decoration: none;
  z-index: 9999;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.scrollToTop.visible {
  visibility: visible;
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}

.scrollToTop.on-touch {
  background: #069eff;
  color: #ffffff;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.scrollToTop:hover, .scrollToTop:focus {
  text-decoration: none;
  color: #ffffff;
}

.scrollToTop img {
  width: 100%;
}

.scrollToTop .t-icon {
  font-size: 25px;
  display: block;
  width: 100%;
  text-align: center;
  padding-top: 15px;
}

/*scrollToTop end -------------------------------------------------- */