@charset "utf-8";
/* 
=================================================================== */

.mt20{margin-top: 20px;}
.mt30{margin-top: 20px;}
.mt40{margin-top: 20px;}

.flL{float: left;}
.flR{float: right;}


.thm-page-special .gigaindex .detail{ width:1000px; position:relative; top:-60px;}
.thm-page-special .gigaindex .head{ border-bottom:none;}

.colorbarLong9,
#gigaindexName,
.colorbarLong4 {
	z-index:1;	
}
#gigaContents {
	z-index:2;
	margin-top:-75px; width:1000px;
	position:relative;
	background:#fff;
	color:#222;
}
#gigaContents h2{ position:relative;}
#gigaContents h2 a{ position:absolute; bottom:20px; right:0;}
#gigaContents h2 a img{}

#gigaContents p a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";	
}
.clearfix:before{clear:both; display:block; content:"";}

#gigaContents .cre {
    height:35px;
	text-align:right;
	color:#999;
	font-size:9px;
	padding:5px 0 ;
}
#gigaContents p {
	
	font-size:13px; line-height:1.5;
	
}
#gigaContents a.banner{ display:block; margin-bottom:20px;}
#gigaContents p.read{ padding:20px; font-size: 14px;}

p.comingsoon{ padding:20px; text-align:center; border:1px dotted #ccc; margin:20px; font-size:32px !important; color:#ccc !important;}
.col1{ background:#000; padding-top:15px;}
.col1 li h2{ margin-bottom:0px;}
.col1 li h2 img{ width:auto; max-width:100%;}


.col2{ margin-bottom:0px;}
.col2 li{ width:50%; float:left;}
.col2:after{ clear:both; content:""; display:block;}
#gigaContents .sectionTitle{ font-size: 20px; background-color: black; color: white; padding: 15px; text-align: center; margin-top: 30px;}
#gigaContents .col2 li h3{ text-align: center; font-weight:normal; margin:0 15px 15px 15px ; font-size:24px; color: rgba(233,0,3,1.00); border-bottom:2px solid  rgba(233,0,3,1.00); padding-top:20px; padding-bottom: 20px;}
#gigaContents .col2 li h4.subtitle{margin:35px 15px 25px 25px ;color: black; font-size: 18px; font-weight: bold;}
#gigaContents .col2 li p{ margin:0 25px; font-size:14px !important; line-height:1.6rem;}

.col2 li.w60{ width:60%;}
.col2 li.w40{ width:40%;}
.col2 li.w30{ width:30%;}
.col2 li.w70{ width:70%;}

.red{background:#dc1d24; margin-bottom:0;}


.present--h{ font-size:16px !important;}
.dvdinfo i{ margin-right:5px;}

/* info */

#gigaContents .info{  margin:0px; background:#fff; padding-top:0px; border:1px solid #eee; margin-top: 20px;}
#gigaContents .info .ph{ text-align:left; padding:0; display:block; padding-right:20px;}
#gigaContents .info .ph img{ width:300px; float:left; margin-right:20px;}
#gigaContents .info h4{ color: rgba(233,0,3,1.00); padding-top:20px; font-size:20px; font-weight:bold; text-align:left; padding-left:25px;}
#gigaContents .info p{ padding:10px; font-size:13px;}
#gigaContents .info p.min{ font-size:11px;}
#gigaContents .info p span{ color:#AA9779;}
#gigaContents .info p.c{  font-size:11px; color:#ccc;}

#gigaContents .info ul.col2{ background:#fff; margin-bottom:0;}
#gigaContents .info .col2 li .col2 li{ float:left; padding:0px ; width:100%; }
#gigaContents .info .col2 li p{ color:#222;}
#gigaContents .info .col2:after{ clear:both; content:""; display:block;}


h3.infotext{ background:rgba(233,0,3,1.00); font-size:20px; padding:15px; color:#fff; font-weight:bold; margin-bottom:50px;}
h3.infotext span{ display:block; font-size:16px;}



#gigaContents .dvdinfo{ border:1px solid #eee; margin-bottom:20px;}
#gigaContents .dvdinfo h3{ background:#000; color:#DF0003; text-align:center; padding:15px; font-size:25px;}
#gigaContents .dvdinfo h4{ background:#DF0003; color:#fff; text-align:center; padding:10px; font-size:20px;}
#gigaContents .dvdinfo h5{ border-bottom:1px solid #DF0003; color:#DF0003; padding:10px; margin:0 5px;}
#gigaContents .dvdinfo p{ padding:10px; font-size:12px;}
#gigaContents .dvdinfo p span{ color:rgba(117,105,72,1.00);}
#gigaContents .dvdinfo p strong{ color:#DF0003; font-weight:bold;}
#gigaContents .dvdinfo a{ display:block; background:rgba(223,0,3,1.00); text-align:center; color:#fff; font-size:20px; padding:20px; border-radius:8px; margin:20px;}

h2.dvdtitle{ text-align:center; color:#DF0003; font-size:30px; padding:10px;}


/*css customize*/

/*present*/
.area-title-present{ font-size:20px; font-weight:bold; color: red;}
.present-box{ width:700px; margin:20px auto 0; background-color: #fff; border: solid 3px red; padding: 20px;}
.present-box .flL{ padding:20px;}
.present-box .flL p{ margin-top:20px;}
.present-box a.bt-apply{ display:block; padding:10px 40px; text-align:center; background-color:red; color:#fff; text-decoration:none; font-weight:bold; margin-top: 20px;}
.present-box a.bt-apply:hover{ text-decoration: underline;}
.present-box .flR{ padding: 10px;}