﻿@charset "utf-8";
/* CSS Document */

/*---- Scene 輪撥設定 ----*/
.SCENE{ margin:60px 0;float:left; position:relative;}

.ICONBG1{
	width:150px;
	height:33px;
	z-index:99;
	position:absolute;
	left:198px;
	
}
	.ICONBG1 ul{float:left; list-style:none; margin:0 ;}
	.ICONBG1 li{ float:left;}
	.ICONBG1 li a{
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#808080;
	font-size:16px;
	font-weight:bold;
	line-height:33px;
	text-decoration:none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

	.ICONBG1 ul.LL li a{ display:block; width:32px; height:33px; text-indent:-9999px; background-repeat:no-repeat;}
	.icon_hover{ background-position:left -33px;}
	.icon_current{ background-position:left -66px;}
	.ICONBG1 ul.LL li.iconleft a
	{
	 background-image:url( url(../images/cta_df_menu_01.png));width:10px;
	}   
	.ICONBG1 ul.LL li.icon a{
	background-image:url(../images/cta2_df_menu_btn.png);
    }
   .ICONBG1 ul.LL li.iconright a
	{ background-image:url(../images/cta_df_menu_04.png);width:10px;
	}
	
	
	.ICONBG2{
	width:auto;
	height:33px;
	z-index:99;
	position:absolute;
	left:465px; 
	
}
	.ICONBG2 ul{float:left; list-style:none; margin:0 ;}
	.ICONBG2 li{ float:left;}
	.ICONBG2 li a{
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#808080;
	font-size:16px;
	font-weight:bold;
	line-height:33px;
	text-decoration:none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

	.ICONBG2 ul.LL li a{ display:block; width:32px; height:33px; text-indent:-9999px; background-repeat:no-repeat;}
	.icon_hover{ background-position:left -33px;}
	.icon_current{ background-position:left -66px;}
	.ICONBG2 ul.LL li.iconleft a
	{
	 background-image:url(../images/cta_df_menu_01.png);width:10px;
	}   
	.ICONBG2 ul.LL li.icon a{
	background-image:url(../images/cta2_df_menu_btn.png);
    }
   .ICONBG2 ul.LL li.iconright a
	{ background-image:url(../images/cta_df_menu_04.png);width:10px;
	}
	
#PHOTO{ padding-left:15px; padding-right:15px; padding-top:2px;}
#PHOTO img{ display:none}

#PHOTO1{ padding-left:15px; padding-right:15px; padding-top:2px;}
#PHOTO1 img{ display:none}

#PHOTO2{ padding-left:15px; padding-right:15px; padding-top:2px;}
#PHOTO2 img{ display:none}


.feature{ width:920px; margin:0 auto; }
.feature h2{  
margin:0; font-size:72px;text-align:center;
font-family: 'Archivo Narrow', sans-serif;/*font-family: 'Oswald', sans-serif;*/color:#000000; font-weight:700; line-height:90px; /*letter-spacing:-1;*/}

.feature h1{ margin:0; margin:25px 0; font-size:22px;font-family: 'Open Sans', sans-serif;color:#666; font-weight:400; line-height:34px;text-align:center; }

.feature h3{ margin:0; font-size:56px;font-family: 'Roboto', sans-serif;
color:#000000; font-weight:300;
 line-height:60px;text-align:center;}

.feature h4{ margin:0; margin:25px 0; font-size:18px;font-family: 'Open Sans', sans-serif;color:#666; font-weight:400; line-height:32px;text-align:center; }

.feature h6{ margin:0; font-size:42px;font-family: 'Roboto', sans-serif;
color:#000000; font-weight:300;
 line-height:58px; margin-bottom:20px;}
 
.text{ float:right;width:330px;}

.text ul{ list-style: url(../images/disc.png); margin-bottom:30px;  }
.text li{ padding-left:10px;text-align:left;}

.text h5{ margin:0; margin:20px 0; font-size:16px;font-family: 'Open Sans', sans-serif;color:#666; font-weight:400; line-height:24px; }

.text h5 a{ color:#0095df;}
.text h5 a:hover{color:#666666;}

.line{ width:1000px; margin:0 auto; padding:0;background-color:#c8c8c8; height:1px;  clear:both; text-align:center; }

a.feature_btn{color:#0095df; margin:0; margin:25px 0; font-size:20px;font-family: 'Open Sans', sans-serif; font-weight:400; line-height:28px; padding:5px 25px ; text-decoration:none; background-position:right center;  background-image:url(../images/go1.png); background-repeat:no-repeat; 
line-height:1.5; } 
 
a.feature_btn:hover{color:#666666;background-image: url(../images/go2.png);} 

a.top_btn{color:#0095df; margin:0; margin:25px 0; font-size:18px;font-family: 'Open Sans', sans-serif; font-weight:400; line-height:28px; padding:5px 25px ; text-decoration:none; background-position:right center;  background-image:url(../images/go3.png); background-repeat:no-repeat; 
line-height:1.5;} 

a.top_btn:hover{color:#666666;background-image: url(../images/go4.png);} 


