html {
    font-family: sans-serif;
}
/*///// 分頁 /////*/
.PageBar{
	float:left; 
	margin:0 auto;text-align:center;
	padding: 30px 0px 30px 0px;
	width:1240px;font-size:16px;
	*width:1240px;
	overflow : auto;
}
.PageBar 			a{color:#000099;font-weight: 500;margin:0px 2px 0px 2px;padding:6px 6px 6px 6px;border-width:2px;border-color:#CDCFC2;text-decoration:none;border-style:solid;}
.PageBar .now_page 	a{color:#FFFFFF;background-color:#000099;}
.PageBar 			a:hover{border-color:#0291D2;background-color: #000099;color:#FFFFFF;}    

.PageBar .ukbd {
	color:#000099;font-weight: 500;margin:0px 2px 0px 2px;padding:6px 6px 6px 6px;border-width:2px;border-color:#CDCFC2;text-decoration:none;border-style:solid;
}

.bulletin{
	width: 1190px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;	
	padding: 20px 20px 20px 20px;	
	overflow : auto;
}
.bulletin a:link,.content_bt_url a:visited    {color:#003399; text-decoration:none;}
.bulletin a:hover,.content_bt_url a:active    {color:#FF0000; text-decoration:none;}



/*///// 分頁,輸入頁數+enter鍵 /////*/
#custompage{
	width: 105px;
	font-size:12px;
}
#custompage:hover{
	border: 2px solid #0099FF;
}


/*///// 搜尋.分類 /////*/
.search_option_area {
	height: 60px;
	width: 1210px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	padding-left: 10px;
	padding-right: 10px;
}

.search_option_box a{
	height: 30px;
	width: 100px;
	float: left;
	text-align: center;
	padding-top: 10px;
	margin-top: 10px;
	color: #003399;
	border: 1px solid #CCCCCC;
	text-decoration: none;	
}

.search_option_box.selected a{
	background-color: #999999;
	color: #FFFFFF;
}

.search_option_box a:hover{
	color: #FFFFFF;
	background-color: #275685;
}




/*///// 下載選項 /////*/
#DL_Options {
	width: 1230px;
	height: 31px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	font-family: "微軟正黑體";
	color: #BC2F26;
	font-size: 14px;
	text-decoration: none;
	border-radius: 5px;
	text-align: left;
	margin-top: 65px;
}
#DL_Options a{
	color: #CC0000;
	font-weight: 500;
	margin: 0px 2px 0px 2px;
	padding: 6px 6px 6px 6px;
	border-width: 1px;
	border-color: #999999;
	text-decoration: none;
	border-style: solid;
	border-radius: 5px;
}
#DL_Options .now_page 	a{
	color: #FFFFFF;
	background-color: #666666;
	border-radius: 5px;
}

#DL_Options a:hover{
	background-color: #999999;
	color: #FFFFFF;
	border-radius: 5px;
}    

/*///// 隨機小主題 /////*/
.Samll_Po_topic {
	height: 126px;
	width: 94px;
	border: 1px solid #CCCCCC;
	margin-top: 3px;
	margin-left: 4px;
	float: left;
	background-color: #FFFFFF;
}
.Samll_Po_topicCG {
	height: 120px;
	width: 88px;
	margin-left: 3px;
	margin-top: 3px;
}

#Small_random_area {
	width: 1215px;
	overflow : auto;
	border: 1px solid #CCCCCC;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	padding-left: 15px;
	clear: both;
	padding-bottom:10px;	
	margin-bottom:0px;	
}
#Small_random_area .Po_topic{
	margin-left: 26px;
}


#random_DL_title {
	height: 25px;
	width: 1200px;
	border-bottom: 1px solid #CCCCCC;
	margin-top: 10px;
	font-family: "微軟正黑體";
	margin-bottom: 5px;
}

/*///// TopBOX /////*/
.top_area {
	margin-left: 0;
	margin-right: 0;
	background-color: #152F49;
	z-index: 1999;
	position:fixed; 
	top:0px;
	width: 100%;
	left: 0;
}
.logo_box {
	height: 50px;
	width: 240px;
	float: left;
}

.top_list_box {
	height: 50px;
	width: 1230px;
	margin-left: auto;
	margin-right: auto;	
}

.search_box {
	height: 40px;
	width: 350px;
	margin-top: 5px;
	margin-right: 50px;
	float: left;
	background-color: #FFFFFF;
	border-radius: 3px;
}

#skey{
	font-size:20px;
	height: 40px;
	width: 250px;
	border: 2px solid #CCCCCC;
}
#skey:hover{
	font-size:20px;
	height: 40px;
	width: 250px;
	border: 2px solid #00B9F7;
	line-height:80px; 
}

.skeysubmit{
	font-size:20px;
	width: 100px;
	height: 40px;
	text-align: center;
	background-image: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);
    background-repeat: repeat-x;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-color: #ccc;
    text-shadow: 0 1px 0 #fff;
    border-radius:5px;
    background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

.skeysubmit:hover{
	font-size:20px;
	width: 100px;
	height: 40px;
	text-align: center;
	background-image: linear-gradient(to bottom, #fff 0px, #A1A1A1 100%);
    background-repeat: repeat-x;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-color: #ccc;
    text-shadow: 0 1px 0 #fff;
    border-radius:5px;
    background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}



ul { /* 取消ul預設的內縮及樣式 */
        margin: 0;
        padding: 0;
        list-style: none;
}

ul.drop-down-menu {
	width:580px;
	display: inline-block;
	font-family: 'Open Sans', Arial, sans-serif;
}

ul.drop-down-menu li {
	position: relative;
	white-space: nowrap;
}

ul.drop-down-menu > li:last-child {
	border-right: none;
}

ul.drop-down-menu > li {
	float: left; /* 只有第一層是靠左對齊*/
}

ul.drop-down-menu a {
	background-color: #152F49;
	color: #fff;
	display: block;
	padding: 0 10px;
	text-decoration: none;
	line-height: 50px;
}
ul.drop-down-menu a:hover { /* 滑鼠滑入按鈕變色*/
	background-color: #E0E0E0;
	color: #000;
}
ul.drop-down-menu li:hover > a { /* 滑鼠移入次選單上層按鈕保持變色*/
	background-color: #E0E0E0;
	color: #000;
}

ul.drop-down-menu li.register_login {  
	float:right; 
}

ul.drop-down-menu ul {
	border: #ccc 1px solid;
	position: absolute;
	z-index: 99;
	left: -1px;
	top: 100%;
   	min-width: 88px;
}

ul.drop-down-menu ul li {
	border-bottom: #ccc 1px solid;
}

ul.drop-down-menu ul li:last-child {
	border-bottom: none;
}

ul.drop-down-menu ul ul { /*第三層以後的選單出現位置與第二層不同*/
	z-index: 999;
	top: 10px;
	left: 90%;
}
ul.drop-down-menu ul {
	position: absolute;
	z-index: 99;
	left: -1px;
	top: 100%;
    min-width: 88px;
}

ul.drop-down-menu ul li {
	border-bottom: #ccc 1px solid;
}

ul.drop-down-menu ul li:last-child {
	border-bottom: none;
}

ul.drop-down-menu ul ul { /*第三層以後的選單出現位置與第二層不同*/
	z-index: 999;
	top: 10px;
	left: 90%;
} ul.drop-down-menu ul { /*隱藏次選單*/
	display: none;
}

ul.drop-down-menu li:hover > ul { /* 滑鼠滑入展開次選單*/
	display: block;
}
ul.drop-down-menu ul { /*隱藏次選單*/
	left: 99999px;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

ul.drop-down-menu li:hover > ul { /* 滑鼠滑入展開次選單*/
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	left: -1px;
	border-right: 5px;
}

ul.drop-down-menu li:hover > ul ul { /* 滑鼠滑入之後、次選單之後的選單依舊隱藏*/
	left: 99999px;
}

ul.drop-down-menu ul li:hover > ul { /* 第二層之後的選單展開位置*/
	left: 90%;
}	


/*///// 底頁 /////*/
#Bottom_main {
	width:1240px;
　	position: relative;
	padding:0;
	margin:0 auto;
}
#Bottom_body {
	margin-top: 20px;
	height: 70px;
	background-color: #000000;
	color: #CCCCCC;
	clear: both;
	padding-left: 5px;
	padding-right: 5px;	
	
}
#Provision_box {
	height: 10px;
}
#Declare_box {
	width:1240px;
	height: 50px;
	font-size: 12px;
}


/*///// 內容頁 /////*/
#info {
	height: 555px;
	width: 1230px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1px;
	font-family: "微軟正黑體";
}
.info_cg {
	height: 533px;
	width: 800px;
	float: left;
	border: 1px dashed #CCCCCC;
	margin-top: 8px;
	margin-left: 8px;
	margin-right: 10px;
}
.info_cg img{
	max-width:800px;
	max-height:533px;
}

#title {
	height: auto;
	width: 1225px;
	font-family: "微軟正黑體";
	font-size: 28px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}
.infobox {
	height: auto;
	width: 405px;
	float: left;
	margin-top: 8px;
	border-top: 1px dashed #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;
	border-right: 0px dashed #CCCCCC;
	border-left: 0px dashed #CCCCCC;
}
.infobox a:link,.infobox a:visited    {color:#003399; text-decoration:none;}
.infobox a:hover,.infobox a:active    {color:#FF0000; text-decoration:none;}
.infobox_text {
	width: auto;
	height: auto;
	margin-right: 10px;
	float: left;
	font-family: "微軟正黑體";
}

.content_bt_url {float: left;margin-top: -3px;}
.content_bt_url a:link,.content_bt_url a:visited    {color:#003399; text-decoration:none;}
.content_bt_url a:hover,.content_bt_url a:active    {color:#FF0000; text-decoration:none;}

#Preview_vedio_area {
	height: 430px;
	width: 1230px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1px;		
}
#Preview_vedio_box {
	width: 644px;
	height: 414px;
	margin-left: 8px;
	margin-top: 8px;
	float: left;
	margin-bottom: 8px;
}


.gallery{
	width: 1230px;
	margin-left: auto;
	margin-right: auto;
}
.Preview_cg_area {
	overflow : auto; 
	width: 1220px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}

.Preview_cg_box {
	height: 90px;
	width: 120px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
	float: left;
}
.dht_dl_area {
	width: 1215px;
	overflow : auto; 
	padding-bottom:10px; 
  
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	padding-left: 15px;
	font-size: 20px;
}
.dht_dl_title {
	height: 25px;
	width: 840px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	margin-top: 10px;
	background-color: #FAFAFA;
	float: left;
}
.dht_dl_title a:link,.dht_dl_title a:visited    {color:#003399; text-decoration:none;}
.dht_dl_title a:hover,.dht_dl_title a:active    {color:#FF0000; text-decoration:none;}


.dht_dl_size {
	height: 25px;
	width: 180px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	margin-top: 10px;
	background-color: #FAFAFA;
	float: left;
	text-align: center;
}
.dht_dl_date {
	height: 25px;
	width: 180px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	margin-top: 10px;
	background-color: #FAFAFA;
	float: left;
	text-align: center;
}
.dht_dl_title_content {

	height: 25px;
	width: 840px;
	border-bottom: 1px solid #CCCCCC;
	float: left;
	padding-top: 6px;
	overflow:hidden
}
.dht_dl_size_content {
	line-height:22px;
	height: 25px;
	width: 180px;
	border-bottom: 1px solid #CCCCCC;
	float: left;
	text-align: center;
	padding-top: 6px;
	overflow:hidden
}
.dht_dl_date_content {
	line-height:22px;
	height: 25px;
	width: 180px;
	border-bottom: 1px solid #CCCCCC;
	float: left;
	text-align: center;
	padding-top: 6px;
	overflow:hidden
}
.Small_random_box {
	height: 153px;
	width: 116px;
	float: left;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 3px;
	margin-bottom: 3px;
}
.av_performer_cg_box {
	height: 100px;
	width: 80px;
	float: left;	
}
.av_performer_name_box {
	height: 18px;
	width: 80px;
	font-size: 14px;
	text-align: center;
}

.hvr-grow {
	height: 90px;
	width: 120px;
	float: left;
	margin-top: 3px;
	margin-left: 3px;	
	
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  z-index: 90;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  z-index: 99; 
}

.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.enlargecg {
	width: 1230px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	text-align: center;
	margin-top: 8px;
	margin-bottom: 5px;
	clear: both;
	
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
.enlargecg:hover{color:red; text-decoration:none;}
  

.official_web_area {
	width: 1230px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 5px;
	
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
.official_web_area a{
	text-decoration: none;
	padding-top: 6px;
	padding-bottom: 6px;
	
	padding-left:100px; 
	padding-right:100px; 
	  
	line-height:26px;
}
.official_web_area .now_page 	a{
	color: #FFFFFF;
	background-color: #666666;
}

.official_web_area a:hover{
	background-color: #000066;
	color: #FFFFFF;
}  

/*///// 複選類別頁 /////*/
/*
ul { list-style-type: none;}
li { display: inline-block;}
li { margin: 10px 0;}
*/

.Po_u_topic {
	width: 238px;
	height: 207px;
	border: 1px solid #CCCCCC;
	margin-top: 7px;
	margin-left: 8px;
	float: left;
	font-size: 12px;
	background-color: #FFFFFF;
}
.Po_u_topicCG {
	width: 216px;
	height: 122px;
	margin-left: 11px;	
	clear:both;
	text-align:center;	
}
.Po_u_topicCG img {
	max-width:216px;
	max-height:122px;
}
.Po_u_topic_title {
	height: 35px;
	width: 216px;
	margin-left: 10px;
	overflow: hidden;
	text-decoration: none;	
	margin-top: 5px;
}
.Po_u_topic_Date_Serial {
	height: 20px;
	width: 216px;
	margin-left: 10px;
	font-size: 12px;
	overflow:hidden;
}


.Po_topic {
	height: 285px;
	width: 167px;
	border: 1px solid #CCCCCC;
	margin-top: 7px;
	margin-left: 8px;
	float: left;
	font-size: 12px;
	background-color: #FFFFFF;
}
.Po_topicCG {
	height: 200px;
	width: 147px;
	margin-left: 10px;	
}
.Po_topic_title {
	height: 31px;
	width: 167px;
	overflow: hidden;
	text-decoration: none;	
	margin-top: 5px;
}
.Po_topic_Date_Serial {
	height: 20px;
	width: 167px;
	font-size: 12px;
	overflow:hidden;
	margin-top: 3px;
}

.cn_webdrive_icon {
	background-color: #9900FF;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #ffffff;
	float: left;
	font-size: 10px;
	height: 15px;
	margin-right: 2px;
	text-align: center;
	width: 25px;
}

.icon_box {
	font-weight: 1;
	font-size: 10px;
	font-family:'Arial Unicode MS'; 
	height: 15px;
	width: 142px;
	margin-top: 10px;
	margin-left: 12px;
}

.BT_DL_icon {
	height: 15px;
	width: 15px;
	margin-right: 2px;
	color: #FFFFFF;
	font-size: 10px;
	border: 1px #ccc solid;
	border-radius: 4px;
	background-color: #FFAD02;
	text-align: center;
	float: left;
}
.newTime_DL_icon {
	height: 15px;
	width: 50px;
	margin-right: 2px;
	color: #FFFFFF;
	font-size: 10px;
	border: 1px #ccc solid;
	border-radius: 4px;
	background-color: #D57572;
	text-align: center;
	float: left;
}
.oldTime_DL_icon {
	height: 15px;
	width: 53px;
	margin-right: 2px;
	color: #FFFFFF;
	font-size: 10px;
	border: 1px #ccc solid;
	border-radius: 4px;
	background-color: #72B172;
	text-align: center;
	float: left;
}
.HD_DL_icon {
	height: 15px;
	width: 25px;
	margin-right: 2px;
	color: #FFFFFF;
	font-size: 10px;
	border: 1px #ccc solid;
	border-radius: 4px;
	background-color: #7092B0;
	text-align: center;
	float: left;
}

.HD_DL_icon_content {
	margin-top:5px;
	height: 15px;
	width: 25px;
	margin-right: 2px;
	color: #FFFFFF;
	font-size: 10px;
	border: 1px #ccc solid;
	border-radius: 4px;
	background-color: #7092B0;
	text-align: center;
	float: left;
}

.mage_DL_icon {
	height: 15px;
	width: 15px;
	margin-right: 2px;
	color: #FFFFFF;
	font-size: 10px;
	border: 1px #ccc solid;
	border-radius: 10px;
	background-color: #FF0000;
	text-align: center;
	float: left;
}
.google_DL_icon {
	height: 15px;
	width: 15px;
	margin-right: 2px;
	color: #FFFFFF;
	font-size: 10px;
	border: 1px #ccc solid;
	border-radius: 10px;
	background-color: #0099FF;
	text-align: center;
	float: left;
}
#Search_show_showPageBar {
	height: 30px;
	width: 762px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	float: right;
	padding-right: 10px;
	margin-top: 10px;
	top: 10px;
	text-align: right;
	clear: both;	
}

.Po_un_topic {
	height: 204px;
	width: 239px;
	border: 1px solid #CCCCCC;
	margin-top: 5px;
	margin-left: 7px;
	float: left;
	font-size: 12px;
	background-color: #FFFFFF;	
}
.Po_un_topicCG {
	height: 124px;
	width: 220px;
	margin-left: 10px;	
}
.Po_un_topic_title {
	height: 35px;
	width: 219px;
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
	text-decoration: none;
}
.Po_un_topic_Date_Serial {
	height: 20px;
	width: 219px;
	margin-left: 10px;
	margin-right: 10px;	
	font-size: 12px;
	overflow:hidden;
}
/*///// 類別頁 /////*/
#Category_A {
	width: 1140px;
	float: left;
	margin-top: 3px;
	margin-bottom: 15px;
}

#Category_B {
	width: 1140px;
	float: left;
	margin-top: 3px;
	margin-bottom: 15px;
}

#Category_C {
	width: 1060px;
	float: left;
	margin-top: 3px;
	margin-bottom: 15px;

}

#Category_D {
	width: 1140px;
	float: left;
	margin-top: 3px;
	margin-bottom: 15px;

}

#Category_E {
	width: 1140px;
	float: left;
	margin-top: 3px;
	margin-bottom: 15px;

}

#Category_F {
	width: 1140px;
	float: left;
	margin-top: 3px;
	margin-bottom: 15px;

}

#Category_G {
	width: 1140px;
	float: left;
	margin-top: 3px;
	margin-bottom: 15px;

}

#Category_H {
	width: 1140px;
	float: left;
	margin-top: 3px;
	margin-bottom: 15px;
}

.Category_Title {
	font-family: "微軟正黑體";
	font-size: 22px;
	width: 70px;
	height: 20px;
	float: left;
	margin-top: 10px;
	margin-left: 20px;	
}

#Category_Box {
	overflow : auto;
	width: 1230px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}

.topics_Box {
	height: 350px;
	width: 1230px;
	margin-top: 10px;
	padding-left: 10px;
}

.myButton {
	-moz-box-shadow: inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow: inset 0px 1px 0px 0px #97c4fe;
	box-shadow: inset 0px 1px 0px 0px #97c4fe;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background: -moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background: -webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background: -o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background: -ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background: linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color: #3d94f6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #337fed;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #1570cd;
	float: right;
	margin-right: 10px;	
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
.myButton:active {
	position:relative;
	top:1px;
}    

/*///// 隨機頁 /////*/
#PoShow_Box {
	width: 1240px;
	overflow : auto;
	min-height:500px;
	
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	font-family: "微軟正黑體";
	padding-left: 1px;
	padding-right: 10px;
}


#DL_Options {
	width: 1230px;
	height: 31px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	font-family: "微軟正黑體";
	color: #BC2F26;
	font-size: 14px;
	text-decoration: none;
	border-radius: 5px;
	text-align: left;	
}
#DL_Options a{
	color: #CC0000;
	font-weight: 500;
	margin: 0px 2px 0px 2px;
	padding: 6px 6px 6px 6px;
	border-width: 1px;
	border-color: #999999;
	text-decoration: none;
	border-style: solid;
	border-radius: 5px;
}
#DL_Options .now_page 	a{
	color: #FFFFFF;
	background-color: #666666;
	border-radius: 5px;
}

#DL_Options a:hover{
	background-color: #999999;
	color: #FFFFFF;
	border-radius: 5px;
}    







/*/////  內容頁  /////*/
.up_dht_bt_post_area {
	width: 1230px;
	height: 48px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding-top: 10px;	
}

.dht_post_aera {
	height: 35px;
	width: 1070px;
	margin-top:  1px;
	margin-left: 12px;
	border: 1px solid #CCCCCC;
	float: left;
	margin-right: 10px;
}

.magnet_box {
	height: 29px;
	width: 110px;
	background-color: #EEEEEE;
	text-align: center;
	padding-left: 3px;
	padding-top: 7px;
	padding-right: 3px;
	float: left;
}


.css_btn_class a:link,.css_btn_class a:visited{
	text-decoration:none;color:#000000;padding-top: 8px;
	padding-bottom: 8px;
	width: 90px;
	float: left;
	text-align: center;
	background-image: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);
    background-repeat: repeat-x;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-color: #ccc;
    text-shadow: 0 1px 0 #fff;
    border-radius:5px;
    background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin-left:15px;
	margin-right:20px;
}  
.css_btn_class a:hover,.css_btn_class a:active{	
	text-decoration:none;color:#000000;
	padding-bottom: 8px;
	width: 90px;
	float: left;
	text-align: center;
	background-image: linear-gradient(to bottom, #fff 0px, #A1A1A1 100%);
    background-repeat: repeat-x;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-color: #ccc;
    text-shadow: 0 1px 0 #fff;
    border-radius:5px;
    background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin-left:15px;
	margin-right:20px;
}  
       

.torrent_post_aera a:link,.torrent_post_aera a:visited{
	text-decoration:none;color:#000000;padding-top: 8px;
	padding-bottom: 8px;
	width: 150px;
	float: left;
	text-align: center;
	background-image: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);
    background-repeat: repeat-x;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-color: #ccc;
    text-shadow: 0 1px 0 #fff;
    border-radius:10px;
    background-color: #FFFFFF;
	border: 1px solid #CCCCCC;


}   
.torrent_post_aera a:hover,.torrent_post_aera a:active{	
	text-decoration:none;color:#000000;
	padding-bottom: 8px;
	width: 150px;
	float: left;
	text-align: center;
	background-image: linear-gradient(to bottom, #fff 0px, #A1A1A1 100%);
    background-repeat: repeat-x;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-color: #ccc;
    text-shadow: 0 1px 0 #fff;
    border-radius:10px;
    background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}  
    
    
.cn_webdrive_edit_butt	a:link,.cn_webdrive_edit_butt a:visited{color:#003399;text-decoration:none;}    
.cn_webdrive_edit_butt  a:hover,.cn_webdrive_edit_butt a:active {color:red;text-decoration:underline;}    

.cn_webdrive_delete_butt a:link,.cn_webdrive_delete_butt a:visited{color:#003399;text-decoration:none;}    
.cn_webdrive_delete_butt a:hover,.cn_webdrive_delete_butt a:active {color:red;text-decoration:underline;}  



.cn_webdrive_info_area {
	width: 1215px;
	overflow : auto;
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom:10px; 
}
.cn_webdrive_info_box {
	width: 1180px;
	height: 26px;
	border-spacing: 1px 0px;
	float: left;
}
.cn_webdrive_info_filesize {
	width: 120px;
	height: 24px;
	padding-top: 2px;
	text-align: center;
	float: left;
	border: 1px solid #999999;
	line-height:24px
}
.cn_webdrive_info_share_date {
	width: 120px;
	height: 24px;
	padding-top: 2px;
	text-align: center;	
	float: left;
	border: 1px solid #999999;
	line-height:24px
}
.cn_webdrive_info_pass {
	width: 500px;
	height: 24px;
	padding-top: 2px;
	text-align: center;
	float: left;
	border: 1px solid #999999;
	line-height:24px
}
.cn_webdrive_info_operate_box {
	width: 200px;
	height: 24px;
	padding-top: 2px;
	text-align: center;
	float: left;
	border: 1px solid #999999;
	line-height:24px
}
.cn_webdrive_info_url_content {
	width: 1115px;
	overflow : auto;
	padding-top: 5px;
	clear: both;	
}


.icon_added_png{
	width: 25px;height:25px;
	margin-left:30px;
}
.icon_delete_png{
	width: 25px;height:25px;
	margin-left:10px;
}
.cn_webdrive_post_area {
	width: 1215px;
	overflow : auto;
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	padding-top: 20px;
	padding-left: 15px;
	padding-bottom:10px; 
}
.cn_webdrive_post_info {
	width: 1200px;
	height: 25px;
}
.cn_webdrive_post_size{
	float: left;
	width: 135px;
	border-spacing: 1px 0px;
	border: 1px solid #000000;
}
.cn_webdrive_post_pass{
	float: left;
	width: 300px;
	border-spacing: 1px 0px;
	border: 1px solid #000000;
	margin-left:20px;
}
.cn_webdrive_size_input{width: 100px;}
.cn_webdrive_pass_input{width: 215px;}
.cn_webdrive_post_explain{
	width: 1200px;
	float: left;
	padding-top: 20px;
}
.cn_webdrive_post_urlarea{
	width: 1200px;
	float: left;
}
.cn_webdrive_post_urlbox{
	width: 1200px;
	float: left;
	margin-bottom:10px;
}
.cn_webdrive_post_url_input{
	width: 600px;
	height:25px;
	vertical-align:top;
}
.cn_webdrive_post_submit{
	width: 160px;
	height: 40px;
	text-align: center;
	background-image: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
    background-repeat: repeat-x;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-color: #ccc;
    text-shadow: 0 1px 0 #fff;
    border-radius:5px;
    background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-weight: 600;
	font-size:20px;
	line-height:0px; 
	color: #ffffff;
	padding-bottom: 5px;
}

/* 發帖 */
.mg_post_file_Option_box{
	margin: 0px 15px 0px 15px;
}
.file_subtitle{
	font-size:16px;
}
.file_resolution{
	font-size:16px;
}
.file_web_type{
	font-size:16px;
}
.mg_webdrive_post_area {
	width: 1215px;
	overflow : auto;
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	padding-top: 20px;
	padding-left: 15px;
	padding-bottom:10px; 
}
.mg_webdrive_post_info {
	width: 1200px;
	height: 25px;
}
.mg_webdrive_post_size{
	float: left;
	width: 135px;
	border-spacing: 1px 0px;
	border: 1px solid #000000;
}
.mg_webdrive_post_pass{
	float: left;
	width: 300px;
	border-spacing: 1px 0px;
	border: 1px solid #000000;
	margin-left:20px;
}
.mg_webdrive_size_input{width: 100px;}
.mg_webdrive_pass_input{width: 215px;}
.mg_webdrive_post_explain{
	width: 1200px;
	float: left;
	padding-top: 20px;
}
.mg_webdrive_post_urlarea{
	width: 1200px;
	float: left;
}
.mg_webdrive_post_urlbox{
	width: 1200px;
	float: left;
	margin-bottom:10px;
}
.mg_webdrive_post_url_input{
	width: 600px;
	height:25px;
	vertical-align:top;
}
.mg_webdrive_post_submit{
	width: 160px;
	height: 40px;
	text-align: center;
	background-image: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
    background-repeat: repeat-x;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-color: #ccc;
    text-shadow: 0 1px 0 #fff;
    border-radius:5px;
    background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-weight: 600;
	font-size:20px;
	line-height:0px; 
	color: #ffffff;
	padding-bottom: 5px;
}
/* 顯示內容 */
.mg_webdrive_info_area {
	width: 1215px;
	overflow : auto;
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom:10px; 

}


.mg_webdrive_report_error_butt{color:#003399;}
.mg_webdrive_report_error_butt:hover,.mg_webdrive_report_error_butt:active {color:red;text-decoration:underline;}  

.mg_webdrive_fileurl_butt{color:#003399;}
.mg_webdrive_fileurl_butt:hover,.mg_webdrive_fileurl_butt:active {color:red;text-decoration:underline;}  




.mg_webdrive_fileurl_loader {
	width: 1110px;
	overflow : auto;
	border-top-style:solid;
	border-width:1px ;
	border-color:#999999; 
	float: right;
	padding: 0px 40px 0px 40px;
}

.mg_webdrive_fileurl_show {
	width: 1110px;
	overflow : auto;
	border-top-style:solid;
	border-width:1px ;
	border-color:#999999; 
	float: right;
	padding: 40px 40px 40px 40px;
}

.mg_webdrive_info_box {
	width: 1190px;
	overflow : auto;
	border-spacing: 1px 0px;
	border: 1px solid #999999;
	float: left;
}
.mg_webdrive_fileurl {
	width: 60px;
	height: 23px;
	padding-top: 2px;
	text-align: center;
	float: left;
	border-right: 1px solid #999999;
}
.mg_webdrive_filenumber {
	width: 80px;
	height: 23px;
	padding-top: 2px;
	text-align: center;
	float: left;
	border-right: 1px solid #999999;
}
.mg_webdrive_shareweb {
	width: 80px;
	height: 23px;
	padding-top: 2px;
	text-align: center;
	float: left;
	border-right: 1px solid #999999;
}
.mg_webdrive_filesize {
	width: 120px;
	height: 23px;
	padding-top: 2px;
	text-align: center;
	float: left;
	border-right: 1px solid #999999;
}
.mg_webdrive_file_resolution {
	width: 150px;
	height: 23px;
	padding-top: 2px;
	text-align: center;
	float: left;
	border-right: 1px solid #999999;
}
.mg_webdrive_file_subtitle {
	width: 120px;
	height: 23px;
	padding-top: 2px;
	text-align: center;
	float: left;
	border-right: 1px solid #999999;
}
.mg_webdrive_share_date {
	width: 120px;
	height: 23px;
	padding-top: 2px;
	text-align: center;	
	float: left;
	border-right: 1px solid #999999;
}
.mg_webdrive_poster_name {
	width: 150px;
	height: 23px;
	padding-top: 2px;
	text-align: center;	
	float: left;
	border-right: 1px solid #999999;
}

.mg_webdrive_poster_name a:link,.mg_webdrive_poster_name a:visited    {color:#003399; text-decoration:none;}
.mg_webdrive_poster_name a:hover,.mg_webdrive_poster_name a:active    {color:red;text-decoration:underline;}  

.mg_webdrive_post_pass {
	width: 300px;
	height: 23px;
	padding-top: 2px;
	text-align: center;
	float: left;
	border-right: 1px solid #999999;
}
.mg_webdrive_report_error {
	width: 120px;
	height: 23px;
	padding-top: 2px;
	text-align: center;
	float: left;
	border-right: 1px solid #999999;	
}
.mg_webdrive_operate_box {
	width: 180px;
	height: 23px;
	padding-top: 2px;
	text-align: center;
	float: right;
	/*border-left: 1px solid #999999;*/
}
.mg_webdrive_url_content {
	width: 1115px;
	height: 130px;
	padding-top: 5px;
	clear: both;	
}


/*  遮罩   */
#zoomclose {
	z-index: 991300;
	position: fixed;
	top: 0;
	right: 0;
	width: 49px;
	height: 49px;
	cursor: pointer;
	background: transparent url('../img/icons/close.png') no-repeat 50% 50%; 
	opacity: 0.8;
	filter: alpha(opacity=100);
}
#zoomclose:hover {
	background-color: #da4f49;
}
#zoomcover {
	 z-index:870618;
	 position:absolute;
	 top:0;
	 left:0;
	 width:100%; 
	 background: rgba(0, 0, 0, 0.8);
	 filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	 opacity:0;
}
#bounce_cg { 
	position:fixed;
	left:0%; top:0%;  z-index: 991208;  
	background: #fc0;
}
#bounce_information { 
	top: 150px; 
	left: 40%; 
	margin-left: -300px; 
	width: 800px; 
	position: absolute; 
	z-index: 101; 
	padding: 30px 40px 34px 40px;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; 
	border-radius: 15px; 
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4); 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); 
	-box-shadow: 0 0 10px rgba(0,0,0,.4); 
	background-color: #FFF;z-index: 991298; 		
}

/*  註冊 register   */
.form_register_login {text-align:left;}
.form_register_login ul {width: 800px;  float:left;list-style: none;  margin:0px auto; padding:0px;  }
.form_register_login li {	list-style: none;  	width:800px;	text-align:left;	float:left;	height:50px; }
.form_register_login_a0{width:800px;text-align:center;font-size:30px;font-weight: 900;font-family: Helvetica,Microsoft Jhenghei,sans-serif;padding-bottom:10px;}
.form_register_login_a1{float:left;width:250px;text-align:right;margin-right:10px;}
.form_register_login_a2{float:left;width:540px;}
.form_register_login_textbox_1{width:350px;}
.form_register_login_textarea_1{width:600px;margin-bottom:26px;}
.form_register_login_submit{background-color: #06c;background-position-x: 0;background-position-y: -48px;border-bottom-color: #235994;border-left-color: #235994;border-right-color: #235994;border-top-color: #235994;color: #fff !important;width:60px;height:30px;}
.chk_valcode{width:80px;vertical-align:middle;}
#lgchk_cg{vertical-align:middle;}
#re_lgchk_cg{color:#0000FF;}
#form_register_login_checkbox{vertical-align:middle;}

.webdrive_reflect{width:800px;text-align:left;padding-left:10px; font-family: Helvetica,Microsoft Jhenghei,sans-serif;padding-bottom:10px;}

.js_ad {
	height: 320px;
}

/* ======================================== */
/* ===UT AD */
.ut1_img_content_js { margin:auto;margin-bottom: 0px;text-align:center; max-width: 1360px;height:100px;overflow:hidden;}
.ut1_img_content_js img { width:100px;height:100px;}

@media screen and (max-width: 850px) {
	.ut1_img_content_js { height:200px;}
}
	
/* ======================================== */