﻿.header { background:url('/UserData/seomoon/Layouts/seomoon_Layout/Images/bg_black.jpg');  padding-top:30px; padding-bottom:30px; }
#main-slider { margin-top:30px; }
#main1 { background:#034da2; padding-top:70px; padding-bottom:70px;  }
#main1 table { border:0px; table-layout:fixed; width:100%; }
#main1 table td {  padding:0px 7.5px;  }
#main1 table td > div { position:relative; }
#main1 table td .cap { position:absolute; bottom:0px; width:100%; padding:8px; color:#fff; text-align:center; background:rgba(0,0,0,0.8); font-size:18px;  }

#main2 ul { margin-top:60px; text-align:center;  }
#main2 ul li { display:inline-block; font-size:18px; padding: 20px 0px; width:22%; text-align:center; background:#1E1F21; transition:all 0.3s ease;  margin-right:20px; }
#main2 ul li:last-child { margin-right:0px; }
#main2 ul li:hover { background:#00A8E6; }
#main2 ul li a { color:#fff; text-decoration:none; }

#main3 { margin-top:60px;}
#main3 table { width:100%; table-layout:fixed; border:0px; }
#main3 table td { text-align:center; border:1px solid #ddd; padding:30px 0px; }
#main3 table td img { margin-bottom:15px; }
#main3 table td a { color:#333; font-size:16px; text-decoration:none; font-weight:600; }

#dimodePage { position:inherit !important; }
.dimode-widget.popup .popup-content .each-content { background:#fff !important; top:100px !important;   }
#d1 p { font-size:16px; margin-top:20px; margin-bottom:10px; font-weight:600; } 

@media(max-width:768px)
{
    .header { padding-top:15px; background-position-x:right;  background-position-y:bottom; background-size:auto 100%; }
    #main-slider { margin-top:20px; }

    #main1 { padding:15px 5px; }
    #main1 table td { display:inline-block; width:33.3%; padding:8px !important;  }
    #main1 table td .cap { font-size:14px; font-weight:600; padding:5px 8px; }

    #main2 ul { margin-top:30px; }
    #main2 ul li { width:22%;  padding: 10px 0px; margin-right:1%; }
    #main2 ul li:last-child { margin-right:0px; }

    #main3 { margin-top:30px; }
    #main3 table td { display:inline-block; width:33.3%; padding:8px !important;  }
    #main3 table td:nth-child(1) { border-right:0px; border-bottom:0px; }
    #main3 table td:nth-child(2) { border-right:1px; }
    #main3 table td:nth-child(5) { border-top:0px; border-left:0px; }
    
    
    #d1 { padding:15px !important; }

		#d1 p { font-size:14px !important; word-break:keep-all; }
		#d1 #p1 { font-size:18px !important; }
		#d1 p b { font-size:16px !important; }
		
		.dimode-widget.popup .popup-content .each-content { top:-300px !important; }
}