@charset "utf-8";
/* CSS Document */
/*@import url("https://a1.digiwin.com/css/font-awesome.css");
@import url("https://a1.digiwin.com/css/animate.css");
@import url("https://a1.digiwin.com/css/hover.css");*/
@import url("https://fonts.googleapis.com/earlyaccess/notosanstc.css");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");

html, body { width:100%; height: auto;overflow-X:hidden; letter-spacing: 1px }
body { font-size:100%;}
*{transition:all .3s; -webkit-transition:all .3s;}

/*:before{ content:"\f146";font-family: 'FontAwesome'; }*/

.btnTop{ background: #CCC \9;background:rgba(0,0,0,.2); border-radius:50%; width:50px; height:50px; position: fixed;right:15px; bottom:15px;cursor:pointer; z-index:99; color:#FFF; text-align:center; font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase; font-size:13px ; letter-spacing:1px; display: none  ; z-index:999;}
.btnTop:before{content:"\f106";font-family: 'FontAwesome'; font-size:20px; color: #FFF ; display:block; padding-top:6px;}
.btnTop:hover{background:rgba(0,0,0,.4);}
.img-response{ max-width:100%; height:auto;}


/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 版頭 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.p1_br {
    display: none !important;
}
.WB_p1 {
    background-image: url(../images/seminar/title_bg.png);
    background-position: top center;height: 500px;
}
.WB_p1_wrap,.WB_p2_wrap, .WB_p3_wrap, .WB_p4_wrap, .WB_p5_wrap, .WB_p6_wrap, .WB_p7_wrap, .WB_p8_wrap, .WB_p9_wrap{line-height: 1.5; letter-spacing: 1px; width:100%; max-width: 1200px;margin: 0 auto;padding: 70px 15px;}
.WB_p1_wrap * {
    display: inline-block;
    width: 100%;
    max-width: 600px;
}
.WB_p1 .WB_text h1{width: 100%;max-width: 476px;background: #322809;font-size: 30px;font-weight: bold;color: #fbcd2f;font-weight: bold;line-height: 1.2;padding: 35px;position: relative;margin: 15px 0 0;}
.WB_p1 .WB_text h1 span{font-size: 38px;color: #f4ebbc;}
.WB_p1 .WB_text h1 .square{position: absolute;bottom: 0;right: 0;width: 19px;height: 19px;background: #f4ebbc;}
.WB_p1 .TOPlogo{ margin-left:5px; margin-top:30px; text-indent: -9999px; display: block; width: 118px; height: 38px; background-image: url(../images/seminar/digiwinTV_logo.png); background-repeat:no-repeat; }
.WB_p1 .TOPbtn{color: #000;font-size: 20px;font-weight: bold; margin-top:10px;}
.WB_p1 .title{color: #000;font-size: 48px;font-weight: bold; margin-top:10px;}
.WB_p1 .text_1{color: #d32c23;font-size:30px; margin-top: 10px;  line-height: 1.5; font-weight: 700;}
.WB_p1 .text_2{margin-left:5px;color: #000;font-size: 20px; margin-top: 5px; line-height: 1.5;font-weight: 600;}

.WB_p1 .p1btn{ display: block;}
.WB_p1 .p1more_btn {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); 
    width:200px;
    height:50px;
    text-align: center; 
    line-height: 50px;
    border: 1px solid rgba(255, 255, 255,0.5);
    font-size:18px;
    font-weight: 700; 
    letter-spacing: 1px; 
    border-radius: 50px;
    margin-top:10px;

}
.WB_p1 .btnW{background-color: #9b0000;color: #fff!important;}
.WB_p1 .btnW:hover {background-color: #e22b00;}

.WB_ver_web{display: block;}
.WB_ver_phone{display: none;}

/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 內容 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

/*-----按鈕-----*/

.btn{ display: block;text-align: center;margin: 0 auto }
.btn_block {
    font-size: 18px;
    padding: 15px 10px;
    width: 250px;
    display: inline-block;
    margin: 40px 10px 0 10px;
}
.btn_block22 {
    font-weight: 700;
    font-size: 22px;
    padding: 15px 10px;
    width: 400px;
    display: inline-block;
    margin: 30px 10px 0 10px;
}
.morebtn {background-color: #000000;color: #f1c200 !important;}
.morebtn:hover {background-color: #333333;}

.dlbtn { background-color: #ce7e00;  color: #ffffff !important;}
.dlbtn:hover { background-color: #e18a00;}

.dlbtnB { background-color: #1c78c5;  color: #ffffff !important;}
.dlbtnB:hover { background-color: #12abb9;}

/*---------------------------內容.WB_p2------------------------------*/


.WB_p2{padding: 0 0; background-image: url(../images/seminar/ad_bg.png); background-repeat:no-repeat;}
.WB_p2_wrap{display:block;text-align: center; position: relative; padding: 20px 0 0 0 !important;}
.WB_p2_title {font-size: 36px; color: #fff}
.WB_p2_content{ width: 100% ;max-width: 1200px; margin:0 auto; text-align: center; padding: 0}


/*----------------------------- 注意事項文字 -----------------------------------  */

/* ul { width:80%; margin:0 auto; color:#a3a3a3; list-style:decimal; padding-left:30px;}
 ul li{ margin-bottom:10px; font-size:15px; color:#333333; line-height:1.5;}
*/

/*---------------------------------------------------內容.WB_p3---------------------------------------------------------*/ 


.WB_p3{padding: 0 0; background-image: url(../images/seminar/03_bg.png); background-repeat:no-repeat; }
.WB_p3_wrap {text-align: center; width: 100%; max-width: 1200px; }
.WB_p3_title {font-size: 36px; color: #000; padding: 0 15px;}
.WB_p3 .text_1 {font-size: 18px; color: #000; padding: 15px;}
.WB_p3_img_wrap { display: inline-block; width: 50%; max-width: 100%; color: #fff; vertical-align: top;margin: 35px 0 ;}
.WB_p3_video_wrap { width: 40%; display: inline-block; vertical-align: top; margin:0 50px; margin-top: 20px;}

/*--------video------------*/ 

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;left: 0;
width: 100%;
height: 100%;
}



/*---------------------------------------------------內容.WB_p4---------------------------------------------------------*/ 


.WB_p4{padding: 0 0; background: url(../images/seminar/04_BG2.png) #fedb4f; background-repeat:no-repeat;background-position: bottom center; }
.WB_p4_wrap{display:block;text-align: center; position: relative; }
.WB_p4_title {font-size: 36px; color: #000; padding: 0 15px;}
.WB_p4 .text_1 {font-size: 18px; color: #000; padding: 15px 15px;}

.WB_p4_content{ width: 100% ;max-width: 1200px; margin:0 auto; text-align: center; padding: 30px 0;border: solid 0px #000; box-sizing: border-box;}

.WB_p4 .arrow{width: 100% ;max-width: 1200px;margin:0 auto; display:block;overflow: hidden;}
.WB_p4 .arrowBOX{width: 342px ; height: 132px; display: inline-block;  border: 0px #000 solid; position: relative; font-weight: 700}
.WB_p4 .arrowtxt{width: 300px ; height: 132px; font-size: 20px; top:50px; left:50px; position:absolute; color: #fcff00}
.WB_p4 .arrowbg1{ background-image: url(../images/seminar/04_1bg.png);  background-repeat:no-repeat;background-position: top left; }
.WB_p4 .arrowbg2{ background-image: url(../images/seminar/04_2bg.png);  background-repeat:no-repeat;background-position: top left; }
.WB_p4 .arrowbg3{ background-image: url(../images/seminar/04_3bg.png);  background-repeat:no-repeat;background-position: top left; }
.WB_p4 .arrowicon1{width: 45px ; height: 45px; top:45px; left:26px; position:absolute; color: #fcff00; background-image: url(../images/seminar/04_1icon.png);  background-repeat:no-repeat;background-position: top left;}
.WB_p4 .arrowicon2{width: 45px ; height: 45px; top:45px; left:30px; position:absolute; color: #fcff00; background-image: url(../images/seminar/04_2icon.png);  background-repeat:no-repeat;background-position: top left;}
.WB_p4 .arrowicon3{width: 45px ; height: 45px; top:48px; left:30px; position:absolute; color: #fcff00; background-image: url(../images/seminar/04_3icon.png);  background-repeat:no-repeat;background-position: top left;}


.WB_p4 .video{width: 100% ;max-width: 1200px;margin:0 auto; display:block ;overflow: hidden; border:solid 0px #000;  }
.WB_p4 .videoCASE{width: 45% ; height: auto; display: inline-block;  border: 0px #000 solid;  font-weight: 700;padding:20px 0; margin: 0 15px; }
.WB_p4 .videotxt{ 
    display:block;
    text-align: left; 
    padding:0px 20px 5px 20px; 
    width: 100% ;  
    font-size: 20px; 
    color: #000 ; 
    border: solid 0px #000;
    background-image: url(../images/seminar/03icon.png);  
    background-repeat:no-repeat;background-position: top left;
}
.WB_p4 .videobox{width: 100% ;max-width: 550px;display:block;}





/*---------------------------------------------------內容.WB_p5---------------------------------------------------------*/ 


.WB_p5{padding: 0 0; background: url(../images/seminar/05_bg.png); background-position: bottom center;  }
.WB_p5_wrap{display:block;text-align: center; position: relative; }

.WB_p5_content{ width: 100% ;max-width: 1200px; margin:0 auto; text-align: center; padding: 0}




/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 手機內容 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/


.WB_ver_phone{display: none;}


@media screen and (max-width: 1200px) { 

/* .WB_p1 {
    background-image: url(../images/seminar/title_bg2.png);
    background-repeat: no-repeat;
    background-position-x: 42%;
} */
.WB_p1_wrap * {
    display: inline-block;
    width: 90%;
    max-width: 400px;
}
.WB_p3{padding: 0 0; background-image: url(../images/seminar/03_bg.png); background-repeat:no-repeat; }
.WB_p3_wrap {text-align: center; }
.WB_p3_title {font-size: 36px; color: #000; padding: 0 15px;}
.WB_p3 .text_1 {width:auto;max-width: 100%;}
.WB_p3_img_wrap { display: inline-block; width: 100%; max-width:900px; color: #fff;font-size: 22px; line-height: 36px; vertical-align: top;margin: 20px 0 ;}
.WB_p3_video_wrap { width: 70%; display: inline-block; vertical-align: top; margin: 0 auto; margin-top: 10px;}

@media screen and (max-width: 1100px) {	}
@media screen and (max-width: 992px) {

/* .WB_p1 {background-image: url(../images/seminar/title_bg2.png); background-repeat: no-repeat; background-position-x: 42%;} */
.WB_p2{padding: 0 0; background-image: url(../images/seminar/ad_bg_m.png); background-repeat:no-repeat;}

}
@media screen and (max-width: 768px) {

    .WB_p1 {background-image: url(../images/seminar/title_bg2.png); background-repeat: no-repeat; background-position-x: 42%;}
    .WB_p1 .WB_p1_wrap{display: flex;justify-content: center;padding: 50px 0;}
    /* .WB_p2{padding: 0 0; background-image: url(../images/seminar/ad_bg_m.png); background-repeat:no-repeat;} */
    
}

.WB_p4_content{ width: 100% ;max-width: 900px; margin:0 auto; text-align: center; padding: 30px 0 0 0;border: solid 0px #000; box-sizing: border-box;}
.WB_p4 .arrow{width: 100% ;max-width: 360px;margin:0 auto; display:block;overflow: hidden; }
.WB_p4 .arrowBOX{width: 100% ; height: 132px; display: inline-block;  border: 0px #000 solid; position: relative; font-weight: 700}
.WB_p4 .arrowtxt{width: 100% ; height: 132px; font-size: 21px; top:30px; left:25px; position:absolute; color: #fcff00}
.WB_p4 .arrowbg1{ background-image: url(../images/seminar/04_1bg_m.png);  background-repeat:no-repeat;background-position: top center; }
.WB_p4 .arrowbg2{ background-image: url(../images/seminar/04_2bg_m.png);  background-repeat:no-repeat;background-position: top center; }
.WB_p4 .arrowbg3{ background-image: url(../images/seminar/04_3bg_m.png);  background-repeat:no-repeat;background-position: top center; }
.WB_p4 .arrowicon1{width: 45px ; height: 45px; top:25px; left:25px; position:absolute; color: #fcff00; background-image: url(../images/seminar/04_1icon.png);  background-repeat:no-repeat;background-position: top left;}
.WB_p4 .arrowicon2{width: 45px ; height: 45px; top:25px; left:25px; position:absolute; color: #fcff00; background-image: url(../images/seminar/04_2icon.png);  background-repeat:no-repeat;background-position: top left;}
.WB_p4 .arrowicon3{width: 45px ; height: 45px; top:25px; left:25px; position:absolute; color: #fcff00; background-image: url(../images/seminar/04_3icon.png);  background-repeat:no-repeat;background-position: top left;}


.WB_p4 .videoCASE{width:80% ; height: auto; display: inline-block;  border:0px #000 solid;  font-weight: 700;margin: 0 auto; }
.WB_p4 .videotxt{ 
    display:block;
    text-align: left; 
    padding:0px 20px 5px 20px; 
    width: 100% ;  
    font-size: 20px; 
    color: #333 ; 
    border: solid 0px #000;
    background-image: url(../images/seminar/03icon.png);  
    background-repeat:no-repeat;background-position: top left;
}
.WB_p4 .videobox{width: 100% ;max-width: 900px;display:block;}


	
@media screen and (max-width: 870px) {

.WB_p3{padding: 0 0; background-image: url(../images/seminar/03_bg.png); background-repeat:no-repeat; }
.WB_p3_wrap {text-align: center; }
.WB_p3_title {font-size: 36px; color: #000; padding: 0 15px;}
.WB_p3 .text_1 {width:auto;max-width: 100%;}
.WB_p3_img_wrap { display: inline-block; width: 100%; max-width: 870px; color: #fff;font-size: 22px; line-height: 36px; vertical-align: top;margin: 20px 0 ;}
.WB_p3_video_wrap { width: 80%; display: inline-block; vertical-align: top; margin-left: 0px; margin-top: 10px;}

.WB_p4 .arrow{width: 100% ;max-width: 360px;margin:0 auto; display:block;overflow: hidden; }
.WB_p4 .arrowBOX{width: 100% ; height: 132px; display: inline-block;  border: 0px #000 solid; position: relative; font-weight: 700}
.WB_p4 .arrowtxt{width: 100% ; height: 132px; font-size: 21px; top:30px; left:25px; position:absolute; color: #fcff00}
.WB_p4 .arrowbg1{ background-image: url(../images/seminar/04_1bg_m.png);  background-repeat:no-repeat;background-position: top center; }
.WB_p4 .arrowbg2{ background-image: url(../images/seminar/04_2bg_m.png);  background-repeat:no-repeat;background-position: top center; }
.WB_p4 .arrowbg3{ background-image: url(../images/seminar/04_3bg_m.png);  background-repeat:no-repeat;background-position: top center; }
.WB_p4 .arrowicon1{width: 45px ; height: 45px; top:25px; left:20px; position:absolute; color: #fcff00; background-image: url(../images/seminar/04_1icon.png);  background-repeat:no-repeat;background-position: top left;}
.WB_p4 .arrowicon2{width: 45px ; height: 45px; top:25px; left:20px; position:absolute; color: #fcff00; background-image: url(../images/seminar/04_2icon.png);  background-repeat:no-repeat;background-position: top left;}
.WB_p4 .arrowicon3{width: 45px ; height: 45px; top:25px; left:20px; position:absolute; color: #fcff00; background-image: url(../images/seminar/04_3icon.png);  background-repeat:no-repeat;background-position: top left;}

@media screen and (max-width: 768px) {  }

@media screen and (max-width: 576px) {	
.WB_ver_web{display: none;}
.WB_ver_phone{display: block;}
/*---------------------------.WB_p1---------------------------------------------*/ 
.WB_p1_wrap, .WB_p2_wrap, .WB_p3_wrap, .WB_p4_wrap, .WB_p5_wrap, .WB_p6_wrap, .WB_p7_wrap, .WB_p8_wrap, .WB_p9_wrap{line-height: 1.5; letter-spacing: 1px; padding: 50px 15px;}	
	
.p1_br{display:inline-block !important;}
	
/* .WB_p1 {
    background-image: url(../images/seminar/title_bg_phone.png);
    background-repeat: no-repeat;
    background-position-x: 42%;

} */

.WB_p1_wrap * {
    display: inline-block;
    width: 90%;
    max-width: 300px;
}
.WB_p1 .WB_text{margin-top: 5px;}
.WB_p1 .TOPlogo{ margin-left:5px; margin-top:5px; text-indent: -9999px; display: block; width: 118px; height: 38px; background-image: url(../images/seminar/digiwinTV_logo.png); background-repeat:no-repeat; }
.WB_p1 .TOPbtn{color: #000;font-size: 18px; font-weight: bold; margin-top:10px;}
.WB_p1 .title{color: #000;font-size: 42px;font-weight: bold; margin-top:5px;}
.WB_p1 .text_1{color: #d32c23;font-size:26px;margin-top: 5px;  line-height: 1.5; font-weight: 700;}
.WB_p1 .text_2{margin-left:5px;color: #000;font-size: 20px; margin-top: 5px; line-height: 1.5;font-weight: 600;}

/*------------------------------------.WB_p2---------------------------------------------*/
.WB_p2{padding: 0 0; background-image: url(../images/seminar/ad_bg_m.png); background-repeat:no-repeat;}
.WB_p2_wrap{text-align: center; position: relative;padding: 20px 0!important; }
.WB_p2_title {font-size: 30px; color: #fff}

.WB_p2_content{ width: 100% ;max-width:360px; text-align: center; padding: 20px 0;}



/*----------------------------------.WB_p3------------------------------------------------------*/

.WB_p3{padding: 0 0; background-image: url(../images/seminar/03_bg.png); background-repeat:no-repeat; }
.WB_p3_wrap {text-align: center; }
.WB_p3_title {font-size: 36px; color: #000; padding: 0 15px;}
.WB_p3 .text_1 {width:auto;max-width: 100%;}
.WB_p3_img_wrap { display: inline-block; width: 100%; max-width: 520px; color: #fff;font-size: 22px; line-height: 36px; vertical-align: top;margin: 20px 0 ;}
.WB_p3_video_wrap { width: 100%; display: inline-block; vertical-align: top; margin-left: 0px; margin-top: 10px;}



/*----------------------------------.WB_p4------------------------------------------------------*/
  
  
.WB_p4{padding: 0 0; background-image: url(../images/seminar/04_BG2.png);  background-repeat:no-repeat;background-position: top center;}
.WB_p4_wrap{display:block;text-align: center; position: relative; }
.WB_p4_title {font-size: 36px; color: #000; padding: 0 15px;}
.WB_p4 .text_1 {font-size: 18px; color: #000; padding: 15px 15px;}

.WB_p4_content{ width: 100% ;max-width: 360px; margin:0 auto; text-align: center; padding: 30px 0 0 0}

.WB_p4 .arrow{width: 100% ;max-width: 360px;margin:0 auto; display:block;overflow: hidden; }
.WB_p4 .arrowBOX{width: 100% ; height: 132px; display: inline-block;  border: 0px #000 solid; position: relative; font-weight: 700}
.WB_p4 .arrowtxt{width: 100% ; height: 132px; font-size: 21px; top:30px; left:25px; position:absolute; color: #fcff00}
.WB_p4 .arrowbg1{ background-image: url(../images/seminar/04_1bg_m.png);  background-repeat:no-repeat;background-position: top center; }
.WB_p4 .arrowbg2{ background-image: url(../images/seminar/04_2bg_m.png);  background-repeat:no-repeat;background-position: top center; }
.WB_p4 .arrowbg3{ background-image: url(../images/seminar/04_3bg_m.png);  background-repeat:no-repeat;background-position: top center; }
.WB_p4 .arrowicon1{width: 45px ; height: 45px; top:25px; left:20px; position:absolute; color: #fcff00; background-image: url(../images/seminar/04_1icon.png);  background-repeat:no-repeat;background-position: top left;}
.WB_p4 .arrowicon2{width: 45px ; height: 45px; top:25px; left:20px; position:absolute; color: #fcff00; background-image: url(../images/seminar/04_2icon.png);  background-repeat:no-repeat;background-position: top left;}
.WB_p4 .arrowicon3{width: 45px ; height: 45px; top:25px; left:20px; position:absolute; color: #fcff00; background-image: url(../images/seminar/04_3icon.png);  background-repeat:no-repeat;background-position: top left;}



.WB_p4 .video{width: 100% ;max-width: 360px;margin:0 auto; display:block ;overflow: hidden; border:solid 0px #000; }
.WB_p4 .videoCASE{width: 100% ; height:auto; display: inline-block;  border: 0px #000 solid;  font-weight: 700;border: solid 0px #000;}
.WB_p4 .videotxt{ 
    display:block;
    text-align: left; 
    padding:0px 20px 5px 20px; 
    width: 100% ;  height:auto; 
    font-size: 20px; 
    color: #333 ; 
    border: solid 0px #000;
    background-image: url(../images/seminar/03icon.png);  
    background-repeat:no-repeat;background-position: top left;
}
.WB_p4 .videobox{width: 100% ;max-width: 500px;display:block;}


/*---------------------------------------------------內容.WB_p5---------------------------------------------------------*/ 


.WB_p5{padding: 0 0; background: url(../images/seminar/05_bg.png) ;background-position: bottom center;  }
.WB_p5_wrap{display:block;text-align: center; position: relative; }

.WB_p5_content{ width: 100% ;max-width: 360px; margin:0 auto; text-align: center; padding: 0}


/*-----按鈕------------------------------------------------------------------------*/

.btn{ display: block;text-align: center;margin: 0 auto }
.btn_block {
    font-size: 18px;
    font-weight: 700;
    padding: 15px;
    width: 100%;
    display: inline-block;
    margin: 15px 0;
}
.btn_block22 {
    font-weight: 700;
    font-size: 22px;
    padding: 15px;
    width:90%;
    display: inline-block;
    margin: 15px;
}
.morebtn {background-color: #000000;color: #f1c200 !important;}
.morebtn:hover {background-color: #333333;}

.dlbtn { background-color: #ce7e00;  color: #ffffff !important;}
.dlbtn:hover { background-color: #e18a00;}

.dlbtnB { background-color: #1c78c5;  color: #ffffff !important;}
.dlbtnB:hover { background-color: #12abb9;}


}