@charset "utf-8";

/* 
* Asan - Homebilder
* main skin type [ 1 ] - Style Sheet
* 
*/

/* layout */
#innerContent.mainStyle1 { width:100%; overflow:hidden; background:#fff url('/asan/images/homebuilder/common/bg_topCon_mainStyle1.png') repeat-x;}
.mainStyle1 .mainCon { width:100%; overflow:hidden; position:relative;}
.mainStyle1 .row1 { width:100%; overflow:hidden; margin-bottom:30px;}
.mainStyle1 .row2 { width:100%; overflow:hidden; margin-bottom:30px;}
.mainStyle1 .row3 { width:100%; overflow:hidden;}

/* main1_ row1 */
#innerContents.mainStyle1 .row1 {}
.mainStyle1 .mainVisual  { float:left; width:974px; height:398px; overflow:hidden; margin-top:50px;}
.mainStyle1 .mainVisual h2 { position:absolute; top:33px; right:42px; line-height:1.2; font-size:32px; color:#111; font-weight:normal;}
.mainStyle1 .mainVisual h2 span { font-size:45px; color:#02676f; font-weight:bold;}
.mainStyle1 .mainVisual .currentBar { position:absolute; right:30px; bottom:30px;}
.mainStyle1 .mainVisual .currentBar .indicator,
.mainStyle1 .mainVisual .player { float:left; height:13px; overflow:hidden; margin-right:15px;}
.mainStyle1 .mainVisual .currentBar .indicator a { float:left; display:inline-block; overflow:hidden; width:13px; height:14px; margin-right:5px; text-indent:-999999px; background:url('/asan/images/homebuilder/main/m1_idc_off.png') no-repeat 0 0;}
.mainStyle1 .mainVisual .currentBar .indicator a.now { width:20px; background:url('/asan/images/homebuilder/main/m1_idc_on.png') no-repeat 0 0;}
.mainStyle1 .mainVisual .player { margin-right:0;}
.mainStyle1 .mainVisual .player a { margin-right:6px; height:14px; vertical-align:top;}
.mainStyle1 .mainVisual .player a img { vertical-align:top;}
/*ie7*/
*:first-child+html .mainStyle1 .mainVisual .currentBar { position:absolute; right:26px; bottom:30px;}
*:first-child+html .mainStyle1 .mainVisual .player a { margin-right:10px; height:15px; vertical-align:top; line-height:1;}
*:first-child+html .mainStyle1 .mainVisual .player a img { vertical-align:top;}
.mainStyle1 .r1Info { float:right; width:226px; height:448px; background:url('/asan/images/homebuilder/main/m1_banner_0.png') no-repeat 0 0;}
.mainStyle1 .r1Info .bkNumber { position:absolute; top:45px; left:20px;color:#fff;}
.mainStyle1 .r1Info .bkNumber dt { font-size:18px; font-weight:bold;}
.mainStyle1 .r1Info .bkNumber dd { font-size:35px; line-height:1.4; font-weight:bold; text-align:left;}
.mainStyle1 .r1Info .atcCon { position:absolute; bottom:0; right:0; width:210px; overflow:hidden;}
.mainStyle1 .r1Info .atcCon a { color:#fff;}
.mainStyle1 .r1Info .atcCon h3 { padding-bottom:9px; border-bottom:2px solid #fff; color:#fff;}
.mainStyle1 .r1Info .atcCon ul { width:100%; overflow:hidden; margin:20px 0 32px 0;}
.mainStyle1 .r1Info .atcCon ul li { float:left; width:90px; padding-left:10px; margin-right:4px; background:url('/asan/images/homebuilder/main/m1_bul_list_bg_w.gif') no-repeat 3px center;}

/* main1_ row2 */
#innerContents.mainStyle1 .row2 {}
#innerContents.mainStyle1 .row2 .col1 { width:734px; height:131px; float:left; overflow:hidden;}
#innerContents.mainStyle1 .row2 .col2 { width:464px; height:131px; float:left; overflow:hidden;}
.mainStyle1 .row2 .articleBox { float:left;}
.mainStyle1 .qualityControl { position:relative; width:385px; height:129px; overflow:hidden; margin-left:0; border:1px solid #dedede; background:url('/asan/images/homebuilder/main/m1_banner_1.png') no-repeat 0 0;}
.mainStyle1 .qualityControl .atcCon { position:absolute; top:26px; left:191px;}
.mainStyle1 .qualityControl .atcCon h3 { line-height:1.2; margin-bottom:13px;}
.mainStyle1 .qualityControl .atcCon h3 a { color:#111; font-size:22px; text-decoration:none; font-weight:bold;}
.mainStyle1 .qualityControl .atcCon h3 a:hover { text-decoration:underline;}
.mainStyle1 .qualityControl .atcCon h3 a span { color:#187a81; font-size:22px; text-decoration:none; font-weight:bold;}
.mainStyle1 .asanInfoMenu { width:326px; height:131px; overflow:hidden; margin-left:20px;}
.mainStyle1 .asanInfoMenu ul { width:100%; overflow:hidden;}
.mainStyle1 .asanInfoMenu ul li { float:left; width:324px; height:61px; overflow:hidden; margin-bottom:5px; border:1px solid #dedede;}
.mainStyle1 .asanInfoMenu ul li h3 { width:100%; margin-top:13px; line-height:1.2;}
.mainStyle1 .asanInfoMenu ul li h3 a { display:block; font-size:15px; color:#111;}
.mainStyle1 .asanInfoMenu .info0 { background:url('/asan/images/homebuilder/main/m1_ico_0.png') no-repeat 29px 20px;}
.mainStyle1 .asanInfoMenu .info1 { background:url('/asan/images/homebuilder/main/m1_ico_1.png') no-repeat 30px 21px;}
.mainStyle1 .asanInfoMenu .articleBox { width:210px; height:61px; padding:0 18px 0 0; margin-left:74px; }

/* bigdatacenter:Add :: START */
.mainStyle1 .asanInfoMenu2 { width:326px; height:131px; overflow:hidden; margin-left:0 !important;}
.mainStyle1 .asanInfoMenu2 ul { width:100%; overflow:hidden;}
.mainStyle1 .asanInfoMenu2 ul li { width:324px; height:61px; overflow:hidden; margin-bottom:5px; border:1px solid #dedede;}
.mainStyle1 .asanInfoMenu2 ul li h3 { width:100%; margin-top:13px; line-height:1.2;}
.mainStyle1 .asanInfoMenu2 ul li h3 a { display:block; font-size:15px; color:#111;}
.mainStyle1 .asanInfoMenu2 { width:326px; height:131px; overflow:hidden; margin-left:20px;}
.mainStyle1 .asanInfoMenu2 .info0 { background:url('/asan/images/homebuilder/main/m1_ico_0.png') no-repeat 29px 20px;}
.mainStyle1 .asanInfoMenu2 .info1 { background:url('/asan/images/homebuilder/main/m1_ico_1.png') no-repeat 30px 21px;}
.mainStyle1 .asanInfoMenu2 .articleBox { width:210px; height:61px; padding:0 18px 0 0; margin-left:74px; }

.mainStyle1 .qualityControl2 { position:relative; width:385px; height:129px; overflow:hidden; margin-left:20px !important; border:1px solid #dedede;}
.mainStyle1 .qualityControl2 .atcCon { position:absolute; top:20px; left:30px;}
.mainStyle1 .qualityControl2 .atcCon h3 { line-height:1.2; margin-bottom:13px;}
.mainStyle1 .qualityControl2 .atcCon h3 a { color:#111; font-size:22px; text-decoration:none; font-weight:bold;}
.mainStyle1 .qualityControl2 .atcCon h3 a:hover { text-decoration:underline;}
.mainStyle1 .qualityControl2 .atcCon h3 a span { color:#187a81; font-size:22px; text-decoration:none; font-weight:bold;}
.mainStyle1 .qualityControl2 .atcCon ul { width:100%; overflow:hidden; margin:10px 0 0 0;}
.mainStyle1 .qualityControl2 .atcCon ul li { float:left; width:300px; padding-left:10px; margin-right:4px; line-height:1.5; background:url('/asan/images/homebuilder/main/m2_bul_list_bg.gif') no-repeat 3px center;}
/* bigdatacenter:Add :: END */

.mainStyle1 .mainBoard { width:444px; height:130px; margin-left:20px; overflow:hidden;}
.mainStyle1 .mainBoard .boardNavi { position:absolute; top:0; width:100%; height:34px; background:url('/asan/images/homebuilder/main/m1_tab_bg.gif') repeat-x left bottom; border-left:1px solid #cfcfcf;}
.mainStyle1 .mainBoard .boardNavi h3 { float:left; height:34px; line-height:1;} 
.mainStyle1 .mainBoard .boardNavi h3 a { display:inline-block; padding:10px 20px 8px 20px; font-size:15px; color:#333; background:url('/asan/images/homebuilder/main/m1_tab_bg_off.gif') no-repeat right 0; text-decoration:none;}
.mainStyle1 .mainBoard .boardNavi h3.on a { padding:10px 20px 9px 20px; background:url('/asan/images/homebuilder/main/m1_tab_bg_on.gif') repeat-x right 0;}
.mainStyle1 .mainBoard .article { width:100%; height:97px; padding-top:34px;}
.mainStyle1 .mainBoard .article ul { width:100%; padding-top:17px; overflow:hidden;}
.mainStyle1 .mainBoard .article li { width:100%; float:left; height:25px; overflow:hidden; color:#111; font-size:15px; line-height:1; background:url('/asan/images/homebuilder/main/m1_bul_list_bg.gif') no-repeat 0 center;}
.mainStyle1 .mainBoard .article li a { float:left; display:inline-block; height:25px; overflow:hidden; width:330px; padding-left:10px; color:#111; font-size:15px; line-height:1.5;}
.mainStyle1 .mainBoard .article li a img { display:inline-block;  margin-top:6px; vertical-align:top;}
.mainStyle1 .mainBoard .article li a .txt { display:inline-block; height:25px; max-width:310px; overflow:hidden;}
.mainStyle1 .mainBoard .article li a:hover .txt{text-decoration:underline;}
.mainStyle1 .mainBoard .article .date { float:right; color:#666; font-size:12px; padding-top:4px;}
.mainStyle1 .mainBoard .moreBtn { position:absolute; top:10px; right:0;}

/* main1_ row3 */
#innerContents.mainStyle1 .row3 { height:191px; margin-bottom:50px;}
.mainStyle1 .row3 .articleBox { float:left;}
.mainStyle1 .row3 .aptInfo { width:407px; height:189px; overflow:hidden; background:#518030 url('/asan/images/homebuilder/main/m1_banner_2.png') no-repeat left 0; border:1px solid #518030; color:#fff;}
.mainStyle1 .row3 .aptInfo a { color:#fff;}
.mainStyle1 .row3 .aptInfo .atcCon { float:right; width:205px; height:127px; padding:29px 15px 33px 24px;}
.mainStyle1 .row3 .aptInfo h3 { line-height:1; padding-bottom:20px;}
.mainStyle1 .row3 .aptInfo p { line-height:1.2; margin-bottom:32px;}
.mainStyle1 .row3 .videoBox { width:327px; height:189px; border:1px solid #dcd7cb; border-left:0; background:url('/asan/images/homebuilder/main/m1_banner_3.png') no-repeat 21px 60px;}
.mainStyle1 .row3 .teamInfo { width:462px; height:189px; border:1px solid #dcd7cb; border-left:0; background:url('/asan/images/homebuilder/main/m1_banner_4.png') no-repeat right top;}
.mainStyle1 .row3 .videoBox h3 a,
.mainStyle1 .row3 .teamInfo h3 a { display:block; color:#111; font-size:18px; margin-bottom:20px; line-height:1.2;}
.mainStyle1 .row3 .teamInfo p,
.mainStyle1 .row3 .videoBox p { margin-bottom:30px; line-height:1.4;}
.mainStyle1 .row3 .videoBox .atcCon { float:right; width:140px; height:127px; padding:29px 15px 33px 174px;}
.mainStyle1 .row3 .teamInfo .atcCon { float:left; width:225px; height:127px; padding:29px 15px 33px 19px;}

.mainStyle1 .row3 .bmerc { width:1200px; height:191px; overflow:hidden; background:#518030 url('/asan/imageDown/homebuilder/20160509?fileName=main_bg04.jpg') no-repeat 0 0; border:none; color:#fff;}
.mainStyle1 .row3 .bmerc a { color:#fff;}
.mainStyle1 .row3 .bmerc .atcCon {width:1150px; height:129px; padding:29px 25px 33px 25px;}
.mainStyle1 .row3 .bmerc h3 { line-height:1; padding-bottom:20px;}
.mainStyle1 .row3 .bmerc p { line-height:1.2; margin-bottom:32px;}
.mainStyle1 .row3 .bmerc .bmerc_organ {float:left; width:250px;}
.mainStyle1 .row3 .bmerc .bmerc_organ li {line-height:30px;}