@charset "utf-8"; @import url("pro_3.css"); @import url("member.css"); @import url("form.css");@import url("ld.css");
@media only screen and (min-width: 992px) {
	#main .top-head {
		position: absolute;
	}
	.top-head figure { background: #E5E5E3; }
	.top-head figure a { display: block; }
}
@media only screen and (max-width: 992px) {
	.slicknav_menu {
		background: url(../../images/temp_a/foot-logo.png) 22% 30px no-repeat #000;
		width: 100%;
		position: fixed;
		z-index: 9999;
	}
	
	#main .top-head {
		width: 100%;
		position: fixed;
		top: 44px;
		z-index: 999;
		background-color: rgba(244, 243, 242, 1);
	}
	#main { padding-top: 45px; /*padding-top: 191px;*/ }
}
/**/
#content { width:1100px; }
#main, .banner, #footer { min-width: 1100px; width: 100%; margin: auto; }
#rightbox { width: 815px; }
/* ------------------ */
#top { position: absolute; }
.logo { background:rgba(255,255,255,0.02); }
.slideshow { height:244px;background: url(../../images/temp_a/ad_bg.jpg) no-repeat bottom }
#main {
	background-image: url(../../images/temp_a/pages_content.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: rgba(244, 243, 242, 1);
	overflow: hidden;
	position: relative;
	left: 0;
	right: 0;
	top: 0;
}
#main .top-head { width: 100%; background-color: rgba(229, 229, 227, 1); }
#main .top-head.bk01 { background-color: rgba(229, 229, 227, 1) !important; }
#main .top-head.bk02 { background-color: rgba(255, 255, 255, .9) !important; }
.m_com { padding:0 10px 0 20px; }
.company_logo {
	text-align: center;
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(130, 130, 130, 0.1);
    padding: 65px 0;
    margin: 0 auto 25px;
}
.m_com h3 {
	font-size: 22px;
	display: block;
    padding: 5px 0;
    margin: 0 0 10px;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.m_com h3:before {
	content: ' ';
	display: block;
	background: transparent;
	width: 1px;
	height: 1px;
	position: absolute;
	left: -5px;
	top: 0;
	bottom: 0;
}
.m_com h3:after {
	content: ' ';
	display: block;
	background: #000;
	width: 100px;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.m_com p {
	display: block;
	padding: 0 15px;
}
.character-photo-name { margin: 15px auto; }
.character-photo-name .box img.round { border-radius: 100%; }
.name { font-size: 18px; }
.role { font-size: 12px; }
.name , .role {	font-style: italic;	font-family: Georgia, sans-serif;	line-height: 2.2;	font-weight: normal; }
.character-photo-name .box { opacity: 1; }
.character-photo-name .box:hover { opacity: 0.5;	-webkit-transition: opacity 1s;	-o-transition-property:opacity;	-o-transition-duration:1s;	-moz-transition-property:opacity;	-moz-transition-duration:1s;	transition-property:opacity;	transition-duration:1s;	/*transition: opacity 1s;*/}
.character-photo-name td { padding: 0 0 15px 20px; }
/*-----------------------------------------------------------------   news  ------------------*/
#news_tab{margin:auto;width:98%;}
#news_tab thead tr th , #news_tab thead tr td {color:#4E224E; line-height:30px;padding:10px;border-top:1px #783078 solid;border-bottom:1px #783078 solid;}
#news_tab tbody tr th , #news_tab tbody tr td{padding:10px 0;border-bottom:1px dotted rgba(21, 21, 21, 0.24);}
#news_tab a { color:#666;padding:0 0 0 10px;display: block; }
#news_tab small { color:#666;margin:0 0 0 10px; }
#news_tab tbody tr:hover a , #news_tab tbody tr:hover small , #news_tab tbody tr:hover , #news_tab tbody tr:hover td , #news_tab tbody tr:hover th { color:#330333;/*text-decoration:underline;*/ background: rgb(228, 228, 228); }

.td_bg01{ background:#fff; padding:5px;border-bottom:1px solid #e7e7e7; }
.td_bg02{ background:#fafafa; padding:5px;border-bottom:1px solid #e7e7e7; }
.td_bg01{ background:#fff; padding:5px ;border-bottom:1px solid #e7e7e7; }
.td_bg02{ background:#fafafa; padding:5px; border-bottom:1px solid #FAFAFA; }
/* ------------- page ------------- */

#move_page { clear:both;text-align:center; margin-top:20px; margin-bottom:30px; font-family:Georgia, 'Times New Roman', Times, serif;;}
#move_page i { padding: 0 15px; }
#move_page .onthis , #move_page span {color:#7818c9; font-size:20px; font-weight:normal; font-style:italic; padding:0 5px; margin: 0 5px; }
#move_page a {color:#000;font-size:15px; font-weight:normal;text-decoration:none; padding:0 5px; margin: 0 5px; font-style:italic; margin:0 5px; }
#move_page a:hover { color:#7818c9; }
/*--------------  detail  -------*/
#news_d_tit{font-size:12px;overflow:hidden;position:relative;margin:auto;width:97%;padding:15px 0;}
#news_d_tit h1{float:left;font-size:20px;font-weight:bold;display:inline-block;background:url(../../images/temp_a/prod_des3.png) no-repeat 0 7px;padding:0 0 0 25px;margin:0 0 0 10px;}
#news_d_tit address{color:#D624D6;float:right; padding:0px 20px; font-size:15px;}
#news_d_info{display:block;clear:both;padding:10px 25px;text-align:justify;}
#news_d_info p{display:block;padding:0 0 15px 0;}

/*----------------------------------------------------------------------------  video  --------------------------*/
#video2 { width:auto; padding: 0; }
#video2:after {
	background: transparent;
	display: block;
	clear: both;
	width: 100%;
	height: 0;
	content: ' ';
}
#video2 .video01 { float:left; display:inline-block; text-align:center; margin:0 20px 25px; position: relative; z-index: 1; }
.video01 a { color:#1c4468; font-size:13px; font-weight:bold; text-decoration:none; background: url(../../images/temp_a/bg_foot2.jpg) repeat-x 0 50px; float:left; display:block; padding:5px 0 0 0; width: 215px; height: 200px; position: relative; z-index: 2; }
.video01 a:before {
	content: url(../../images/temp_a/video.png);
	position: absolute;
	top: 30%;
	left: 40%;
	z-index: 3;
}
.video01 a img {clear:both;text-align:center;padding:0 0 5px 0;}
.video01 a:hover{color:#000;text-decoration:underline;}
/*-----------------------------------------------------------------   download  ------------------*/
#down{margin:auto;width:700px;}
#down tr th{color:#333;background:url(../../images/temp_a/icon_line.jpg) left no-repeat #f6f6f6; line-height:30px;text-align:left;padding:0 0 0 5px;border-top:3px #fddedd solid;}
#down tr td{padding:7px 0;border-bottom:1px dashed #CCC;}
#down a{color:#666;}
#down a:hover{color:#0c2fad;text-decoration:underline;}
#down small{color:#666;margin:0 0 0 20px;}


/*---------------------------------   form ---*/
#ctt_form{margin:auto;width:700px;}
#ctt_form tr th{text-align:right;border-bottom:1px #999 solid;padding:8px 10px 0 15px;vertical-align:top;}
#ctt_form tr th span{color:#F00;margin:0 5px 0 0;}
#ctt_form tr td{padding:5px 20px 5px 15px;border-bottom:1px #ccc solid;}
#ctt_form tr td select{color:#333;width:400px;background:#F2F2F2;border:1px #CCC solid;height:22px;}
#ctt_form tr td input{color:#333;width:385px;background:#F2F2F2;height:22px;padding:0 5px;border:1px #CCC solid;}
#ctt_form tr td textarea{color:#333;width:385px;background:#F2F2F2;height:100px;padding:5px;border:1px #CCC solid;}
	
/* ------------- news ------------- */
.news_date{ float:right;}
.news_listpic{ border:0px #d1d1d1 solid; padding:5px;}

/* ------------- video ------------- */
#video2 { width:auto; padding:0 10px; }
#video2:after {
	background: transparent;
	display: block;
	clear: both;
	width: 100%;
	height: 0;
	content: ' ';
}
.video01 { float:left; display:inline-block; text-align:center; margin:0 20px 25px 0; }
.video01 a { color:#1c4468; font-size:13px; font-weight:bold; text-decoration:none; background: url(../../images/temp_a/bg_foot2.jpg) repeat-x 0 50px; float:left; display:block; padding:5px 0 0 0; width: 215px; height: 200px; }
/*.video01 a{color:#1c4468;font-size:13px;font-weight:bold;text-decoration:none;background:url(../../images/temp_a/bg_foot2.jpg) repeat-x 0 50px #000;float:left;display:block;padding:5px 0 0 0;width:165px;height:150px;}*/
.video01 a img { width: 200px; clear:both;text-align:center;padding:0 0 5px 0; }
.video01 a:hover{color:#000;text-decoration:underline;}
/* ------------- contact 上下樣式 -------------*/
.contact_form h1{ padding-left:30px;}
.contact_form table { width:90%; margin:auto; }
.contact_form table label { width: 100%; }
.contact_form tr td , .contact_form tr th {padding:8px 0;}
.contact_form tr th { width:170px; text-align:right;}
.contact_form tbody input { width: 95%;/*width: 85%;*/ }
.contact_form tbody textarea{ width:95%;margin:3px 0px; height:100px;border:1px solid #ccc}
.contact_form .code{ width:auto; margin-right: 15px;}
.contact_form .bt{ width:auto; height:auto; margin:0;padding:0;border:0}
.contact_form .but_send{ width:auto; height:auto; margin:0 0 0 180px;padding:0;border:0}
/* ------------- button ------------- */
.but_cancel{color:#FFF;font-size:10px;  margin:0 20px 0 0; border:0px;}
.but_send{color:#FFF;font-size:12px;  margin:0; border:0px;}
/* ------------- table ------------- */
.td_01{	border-bottom: 1px dotted #c0c0c0;padding:5px;}
.td_02{	border-bottom:1px solid #e8e8e8;	padding-top: 3px;}
.td_03{	border-bottom:1px solid #e8e8e8;	padding-top: 3px;}
/* ------------- topbar ------------- */
#webcall { width:16px; position:absolute;right:0px;top:0px;z-index:1; margin-left:4px;}


/* -------------- album ------------- */
.album_box{float:left;padding:15px 0 15px 10px;}
.album{background:url(../../images/temp_a/album_bg.png) no-repeat 0 0;width:215px;min-height:181px;height:auto !important;height:181px;float:left;margin-right:20px;padding:0 0 15px 0;}
.albumimgfix{width:232px;height:160px;text-align:center;position:relative;display:table-cell;vertical-align:middle;}
.albumlist_description{padding-top:10px;}
.albumlist_description img{ float:right; border:0px;}
.album_name{text-align:center;}
.album a{ color:#666}  .album a:hover{ color:#000}
.album_imb{float:left;margin-right:20px;}
.album_imb img{border:1px solid #cbcbc9;}
.album_description{width:480px;float:right;}
.album_descriptionimg{margin-bottom:20px;}
.album_name02{font-size:32px;color:black;margin-bottom:20px;}

/* ------------- copyright ------------- */
.contact { margin-left: 230px; }