@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/WB00280101_case7/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 50px;}
.WB_p1_wrap * {
    display: inline-block;
    width: 100%;
    max-width: 600px;
}
.WB_p1 .WB_text{margin-top: 20px;line-height: 45px;}
.WB_p1 .TOPlogo{ margin-left:5px; margin-top:5px; text-indent: -9999px; display: block; width: 249px; height: 63px; background-image: url(../../images/WB00280101_case7/T_logo.png); background-repeat:no-repeat; }
.WB_p1 .TOPbtn{color: #000;font-size: 20px;font-weight: bold; margin-top:5px;}
.WB_p1 .title{color: #FFF;font-size: 40px;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: #FFF;font-size: 20px; margin-top: 0px; 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: #e26a00;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/WB00280101_case7/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-color: #edfbfd; background-repeat:no-repeat; }
.WB_p3_wrap {text-align: center; width: 100%; max-width: 1200px; }
.WB_p3_title {font-weight: bold; font-size: 35px; color: #4a57d8; padding: 0 15px; text-align:left;}
.WB_p3 .text_1 {font-size: 18px; color: #000; padding: 15px;}
.WB_p3_text_wrap {text-align:left; display: inline-block; width: 55%; max-width: 100%; color: #4a57d8; vertical-align: top;margin: 5px 0 ;font-size: 18px; padding: 15px; }


.WB_p3_video_wrap { width: 35%; display: inline-block; vertical-align: top; margin:0px 50px; margin-top: 10px;background-color: #303cab; }
.WB_p3_img_wrap { display:inline-block; width: 100%; max-width: 100%; color: #555; vertical-align: top;margin: 0px 0 ;}
.WB_p3_img_wrap_pic {float:left; padding: 8px; }
.WB_txtbold{font-weight: bold;}
.WB_Photocredit{ display: block;font-size: 14px; color: #000; padding: 15px; text-align:center; padding:0 50px}


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

.video-container {
position: relative;
padding-bottom: 65.25%;
padding-top: 0px;
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/WB00280101_case7/04_BG2.png) #a3840f; 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: #fff; padding: 0 15px;}
.WB_p4 .text_1 {font-size: 18px; color: #fff; 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 .challenge{width: 100% ;max-width: 1200px;margin:0 auto; display:block;overflow: hidden;}


.WB_p4 .challengeBOX{width: 260px ; height: 730px; display: inline-block;  border: 0px #000 solid; float:left; margin-right: 10px }
.WB_p4 .challengeBOX h3{width: 260px ; font-size: 26px; padding: 20px 0 ; color: #fcff00; font-weight: 700;margin: 10px 0}
.WB_p4 .challengeBOX h5{display: block;width: 230px ; text-align: left; font-size: 18px; padding: 0 0 30px 30px ; color: #fcff00; font-weight: 700 ; position: relative; }
.WB_p4 .h5icon {background-image: url(../../images/WB00280101_case7/cryicon.png);  background-repeat:no-repeat;background-position: top left; position: absolute; top:30px; left:0px; }

.WB_p4 .challengetxt{width: 230px ;  display: block; text-align: left;font-size: 18px;  color: #fff; padding-left: 20px; }



.WB_p4 .c_bg1{ background-image: url(../../images/WB00280101_case7/04_1bg.png);  background-repeat:no-repeat;background-position: top left; }
.WB_p4 .c_bg2{ background-image: url(../../images/WB00280101_case7/04_2bg.png);  background-repeat:no-repeat;background-position: top left; }
.WB_p4 .c_bg3{ background-image: url(../../images/WB00280101_case7/04_3bg.png);  background-repeat:no-repeat;background-position: top left; }
.WB_p4 .c_bg4{ background-image: url(../../images/WB00280101_case7/04_4bg.png);  background-repeat:no-repeat;background-position: top left; }


.WB_p4 .challengeicon1{width: 260px ; height: 100px;  color: #fcff00; background-image: url(../../images/WB00280101_case7/04_1icon.png);  background-repeat:no-repeat;background-position: top center}
.WB_p4 .challengeicon2{width: 260px ; height: 100px;  color: #fcff00; background-image: url(../../images/WB00280101_case7/04_2icon.png);  background-repeat:no-repeat;background-position: top center}
.WB_p4 .challengeicon3{width: 260px ; height: 100px;  color: #fcff00; background-image: url(../../images/WB00280101_case7/04_3icon.png);  background-repeat:no-repeat;background-position: top center}
.WB_p4 .challengeicon4{width: 260px ; height: 100px;  color: #fcff00; background-image: url(../../images/WB00280101_case7/04_4icon.png);  background-repeat:no-repeat;background-position: top center}


.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/WB00280101_case7/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-color: aliceblue; background-position: bottom center;}
.WB_p5_wrap{display:block;text-align: center; position: relative; }
.WB_p5_title {font-size: 36px; color: #2e3aa8; padding: 0 15px; font-weight:  bold}
.WB_p5 .text_1 {font-size: 18px; color: #2e3aa8; padding: 15px 15px;}

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

.WB_p5_video_wrap { display:inline-block; width: 100%; max-width: 100%; color: #555; padding-left:20px }
.WB_p5_video_wrap_pic {width: 200px; float:left; margin: 0px 60px 0 0px; cursor: pointer; }


.custom-img {
    max-width: 100%;  /* 圖片寬度不超過父容器的寬度 */
    height: auto;     /* 高度自動，根據寬度按比例調整 */
}










/*---------------------------------------------------內容.WB_p6---------------------------------------------------------*/ 


.WB_p6{padding: 0 0; background-image:url("../../images/WB00280101_case7/w6_bg.png") ; background-position: bottom center;  }
.WB_p6_wrap{display:block;text-align: center; position: relative; }
.WB_p6_title {font-size: 36px; color: #fff; padding: 0 15px; font-weight:  bold}
.WB_p6 .text_1 {font-size: 18px; color: #fff; padding: 15px 15px;}

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

/*---------------------------------------------------內容.WB_p7---------------------------------------------------------*/ 


.WB_p7{padding: 0 0; background-image:url("../../images/WB00280101_case7/w7_bg.png") ; background-position: bottom center;  }
.WB_p7_wrap{display:block;text-align: center; position: relative; }
.WB_p7_title {font-size: 36px; color: #455ae4; padding: 0 15px 20px 15px; font-weight:  bold}
.WB_p7 .text_1 {font-size: 18px; color: #455ae4; padding: 15px 15px;}

.WB_p7_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/WB00280101_case7/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-color: #edfbfd; background-repeat:no-repeat;  }
.WB_p3_wrap {text-align: center; }
.WB_p3_title {font-size: 36px; color: #4a57d8; padding: 0 15px; text-align:center}
.WB_p3 .text_1 {width:auto;max-width: 100%;}
.WB_p3_text_wrap {text-align:left; display: inline-block; width: 90%; max-width: 100%; color: #4a57d8; vertical-align: top;margin: 5px 0 ;font-size: 18px; padding: 15px; }	
	
.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_img_wrap_pic {float: left; padding: 8px; width: 20% }	
	
.WB_p3_video_wrap { width: 70%; display: inline-block; vertical-align: top; margin: 0 auto; margin-top: 10px;}


.WB_p4_content{ width: 100% ;max-width: 1100px; margin:0 auto; text-align: center; padding: 30px 0 0 0;border: solid 0px #000; box-sizing: border-box;}
.WB_p4 .challenge{width: 100% ;max-width: 1100px;margin:0 auto; display:block;overflow: hidden;}


.WB_p4 .challengeBOX{width: 23% ; height: 750px; display: inline-block;  border: 0px #000 solid; float:left; margin-right: 10px }
.WB_p4 .challengeBOX h3{width: 100% ; font-size: 2em; padding: 10px 0 ; color: #fcff00; font-weight: 700;margin: 10px 0}
.WB_p4 .challengeBOX h5{display: block;width: 100% ; text-align: left; font-size: 1em; padding: 0 0 30px 40px ; color: #fcff00; font-weight: 700 ; position: relative; }
.WB_p4 .h5icon {background-image: url(../../images/WB00280101_case7/cryicon.png);  background-repeat:no-repeat;background-position: top left; position: absolute; top:30px; left:0px; }

.WB_p4 .challengetxt{width: 95% ;  display: block; text-align: left;font-size: 0.9em;  color: #fff; padding-left: 20px; }
	
	
	
	
	
.WB_p5_content{ width: 100% ;max-width: 1200px; margin:0 auto; text-align: center; padding: 0}

.WB_p5_video_wrap { display:inline-block; width: 100%; max-width: 100%; color: #555; padding-left:20px }
.WB_p5_video_wrap_pic {width:180px; float:left; margin: 0 30px 0 0; cursor: pointer; }
	


	
	


	
	
	
@media screen and (max-width: 1024px) {
	
.WB_p5_content{ width: 100% ;max-width: 1024px; margin:0 auto; text-align: center; padding: 0}

.WB_p5_video_wrap { display:inline-block; width: 100%; max-width:100%; color: #555; padding-left:15px }
.WB_p5_video_wrap_pic {width:155px; float:left; margin:10px 60px 0 0; cursor: pointer; 
	
	}	
	
	
	
@media screen and (max-width: 992px) {

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

}

.WB_p4_content{ width: 100% ;max-width: 1100px; margin:0 auto; text-align: center; padding: 30px 0 0 0;border: solid 0px #000; box-sizing: border-box;}
.WB_p4 .challenge{width: 100% ;max-width: 992px;margin:0 auto; display:block;overflow: hidden;}


.WB_p4 .challengeBOX{width: 23% ; height: 750px; display: inline-block;  border: 0px #000 solid; float:left; margin-right: 10px }
.WB_p4 .challengeBOX h3{width: 100% ; font-size: 2em; padding: 10px 0 ; color: #fcff00; font-weight: 700;margin: 10px 0}
.WB_p4 .challengeBOX h5{display: block;width: 100% ; text-align: left; font-size: 1em; padding: 0 0 30px 40px ; color: #fcff00; font-weight: 700 ; position: relative; }
.WB_p4 .h5icon {background-image: url(../../images/WB00280101_case7/cryicon.png);  background-repeat:no-repeat;background-position: top left; position: absolute; top:30px; left:0px; }

.WB_p4 .challengetxt{width: 95% ;  display: block; text-align: left;font-size: 0.9em;  color: #fff; padding-left: 20px; }



.WB_p4 .c_bg1{ background-image: url(../../images/WB00280101_case7/04_1bg.png);  background-repeat:no-repeat;background-position: top left; }
.WB_p4 .c_bg2{ background-image: url(../../images/WB00280101_case7/04_2bg.png);  background-repeat:no-repeat;background-position: top left; }
.WB_p4 .c_bg3{ background-image: url(../../images/WB00280101_case7/04_3bg.png);  background-repeat:no-repeat;background-position: top left; }
.WB_p4 .c_bg4{ background-image: url(../../images/WB00280101_case7/04_4bg.png);  background-repeat:no-repeat;background-position: top left; }


.WB_p4 .challengeicon1{width: 100% ; height: 100px;  color: #fcff00; background-image: url(../../images/WB00280101_case7/04_1icon.png);  background-repeat:no-repeat;background-position: top center}
	
.WB_p4 .challengeicon2{width: 100% ; height: 100px;  color: #fcff00; background-image: url(../../images/WB00280101_case7/04_2icon.png);  background-repeat:no-repeat;background-position: top center}	
	
.WB_p4 .challengeicon3{width: 100% ; height: 100px;  color: #fcff00; background-image: url(../../images/WB00280101_case7/04_3icon.png);  background-repeat:no-repeat;background-position: top center}	
	
.WB_p4 .challengeicon4{width: 100% ; height: 100px;  color: #fcff00; background-image: url(../../images/WB00280101_case7/04_4icon.png);  background-repeat:no-repeat;background-position: top center}	


.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/WB00280101_case7/03icon.png);  
    background-repeat:no-repeat;background-position: top left;
}
.WB_p4 .videobox{width: 100% ;max-width: 900px;display:block;}


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

.WB_p5_video_wrap { display:inline-block; width: 100%; max-width: 100%; color: #555; padding-left:20px }
.WB_p5_video_wrap_pic {width:155px; float:left; margin: 0 40px 0 0; cursor: pointer; }
	
	}	


	
	

	




@media screen and (max-width: 900px) {	
	.WB_p5_content{ width: 100% ;max-width: 900px; margin:0 auto; text-align: center; padding: 0}

.WB_p5_video_wrap { display:inline-block; width: 100%; max-width: 100%; color: #555; padding-left:20px }
	.WB_p5_video_wrap_pic {width:145px; float:left; margin:10px 35px 0 0; cursor: pointer;  }
}
	
@media screen and (max-width: 870px) {

.WB_p3{padding: 0 0;  background-color: #edfbfd; background-repeat:no-repeat;  }
.WB_p3_wrap {text-align: center; }
.WB_p3_title {font-size: 36px; color:#4a57d8; 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 .challenge{width: 100% ;max-width: 870px;margin:0 auto; display:block;overflow: hidden;}
.WB_p4 .challengeBOX{width: 45% ; height: 650px; display: inline-block;  border: 0px #000 solid; float:left; margin-right: 10px }
.WB_p4 .challengeBOX h3{width: 100% ; font-size: 2em; padding: 10px 0 ; color: #fcff00; font-weight: 700;margin: 10px 0}
.WB_p4 .challengeBOX h5{display: block;width: 100% ; text-align: left; font-size: 1em; padding: 0 0 40px 40px ; color: #fcff00; font-weight: 700 ; position: relative; }
.WB_p4 .h5icon {background-image: url(../../images/WB00280101_case7/cryicon.png);  background-repeat:no-repeat;background-position: top left; position: absolute; top:30px; left:0px; }

.WB_p4 .challengetxt{width: 95% ;  display: block; text-align: left;font-size: 0.9em;  color: #fff; padding-left: 20px; }



.WB_p4 .c_bg1{ background-image: url(../../images/WB00280101_case7/04_1bg.png);  background-repeat:repeat;background-position: top left; }
.WB_p4 .c_bg2{ background-image: url(../../images/WB00280101_case7/04_2bg.png);  background-repeat:repeat;background-position: top left; }
.WB_p4 .c_bg3{ background-image: url(../../images/WB00280101_case7/04_3bg.png);  background-repeat:repeat;background-position: top left; }
.WB_p4 .c_bg4{ background-image: url(../../images/WB00280101_case7/04_4bg.png);  background-repeat:repeat;background-position: top left; }


.WB_p4 .challengeicon1{width: 100% ; height: 100px;  color: #fcff00; background-image: url(../../images/WB00280101_case7/04_1icon.png);  background-repeat:no-repeat;background-position: top center}
.WB_p4 .challengeicon2{width: 100% ; height: 100px;  color: #fcff00; background-image: url(../../images/WB00280101_case7/04_2icon.png);  background-repeat:no-repeat;background-position: top center}	
.WB_p4 .challengeicon3{width: 100% ; height: 100px;  color: #fcff00; background-image: url(../../images/WB00280101_case7/04_3icon.png);  background-repeat:no-repeat;background-position: top center}	
.WB_p4 .challengeicon4{width: 100% ; height: 100px;  color: #fcff00; background-image: url(../../images/WB00280101_case7/04_4icon.png);  background-repeat:no-repeat;background-position: top center}	
	

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

.WB_p5_video_wrap { display:inline-block; width: 100%; max-width: 100%; color: #555; padding-left:20px }
	.WB_p5_video_wrap_pic {width:140px; float:left; margin:10px 35px 0 0; cursor: pointer;  }

	
	
	




	
@media screen and (max-width: 820px) {
	
.WB_p5_content{ width: 100% ;max-width: 820px; margin:0 auto; text-align: center; padding: 0}

.WB_p5_video_wrap { display:inline-block; width: 100%; max-width:100%; color: #555; padding-left:15px }
.WB_p5_video_wrap_pic {width:140px; float:left; margin:10px 25px 0 0; cursor: pointer; 
	
	}	
	
@media screen and (max-width: 768px) {
	
.WB_p5_content{ width: 100% ;max-width: 768px; margin:0 auto; text-align: center; padding: 0}

.WB_p5_video_wrap { display:inline-block; width: 100%; max-width:100%; color: #555; padding-left:15px }
.WB_p5_video_wrap_pic {width:115px; float:left; margin:10px 40px 0 0; cursor: pointer; 
	
	}
	

	
@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/WB00280101_case7/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: 180px; height: 46px; background-image: url(../../images/WB00280101_case7/T_logoS.png); background-repeat:no-repeat; }
.WB_p1 .TOPbtn{color: #000;font-size: 18px; font-weight: bold; margin-top:10px;}
.WB_p1 .title{color: #FFF;font-size: 30px;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: #FFF;font-size: 16px; margin-top: 5px; line-height: 1.5;font-weight: 600;}

/*------------------------------------.WB_p2---------------------------------------------*/
.WB_p2{padding: 0 0; background-image: url(../../images/WB00280101_case7/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-color: #edfbfd; background-repeat:no-repeat;  }
.WB_p3_wrap {text-align: center; }
.WB_p3_title {font-size: 36px; color:#4a57d8; 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/WB00280101_case7/04_BG2.png); background-color: #a3840f;  background-repeat:no-repeat;background-position: top center;}
.WB_p4_wrap{display:block;text-align: center; position: relative; }
.WB_p4_title {font-size: 2em; color: #fff; padding: 0 15px;}
.WB_p4 .text_1 {font-size: 1em; color: #fff; padding: 15px 15px;}

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

.WB_p4 .challenge{width: 100% ;max-width: 360px;margin:0 auto; display:block;overflow: hidden;}


.WB_p4 .challengeBOX{width: 100% ; height:inherit; display: inline-block;  border: 0px #000 solid; float:left; margin: 10px ;padding-bottom: 20px }
.WB_p4 .challengeBOX h3{width: 100% ; font-size: 1.9em; padding: 5px 0 ; color: #fcff00; font-weight: 700;margin: 10px 0}
.WB_p4 .challengeBOX h5{display: block;width: 100% ; text-align: left; font-size: 1em; padding: 0 0 30px 30px ; color: #fcff00; font-weight: 700 ; position: relative; }
.WB_p4 .h5icon {background-image: url(../../images/WB00280101_case7/cryicon.png);  background-repeat:no-repeat;background-position: top left; position: absolute; top:30px; left:0px; }

.WB_p4 .challengetxt{width: 95% ;  display: block; text-align:left;font-size: 1em;  color: #fff;  }



.WB_p4 .c_bg1{ background-image: url(../../images/WB00280101_case7/04_1bg.png);  background-repeat:no-repeat;background-position: top left; }
.WB_p4 .c_bg2{ background-image: url(../../images/WB00280101_case7/04_2bg.png);  background-repeat:no-repeat;background-position: top left; }
.WB_p4 .c_bg3{ background-image: url(../../images/WB00280101_case7/04_3bg.png);  background-repeat:no-repeat;background-position: top left; }
.WB_p4 .c_bg4{ background-image: url(../../images/WB00280101_case7/04_4bg.png);  background-repeat:no-repeat;background-position: top left; }


.WB_p4 .challengeicon1{width: 100% ; height: 100px;  color: #fcff00; background-image: url(../../images/WB00280101_case7/04_1icon.png);  background-repeat:no-repeat;background-position: top center}



.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/WB00280101_case7/03icon.png);  
    background-repeat:no-repeat;background-position: top left;
}
.WB_p4 .videobox{width: 100% ;max-width: 500px;display:block;}


/*---------------------------------------------------內容.WB_p5---------------------------------------------------------*/ 
.WB_p5_title {font-size: 2em; color: #2e3aa8; padding: 0 15px; font-weight:  bold}
.WB_p5 .text_1 {font-size: 1em; color: #2e3aa8; padding: 15px 15px;}

.WB_p5{padding: 0 0; background-color: aliceblue; 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}
	
.WB_p5_video_wrap { display:inline-block; width: 100%; max-width: 100%; color: #555;  vertical-align: top;}
.WB_p5_video_wrap_pic {width: 90%; float:left; margin: 10px 20px 0px 0px ;}	


/*---------------------------------------------------內容.WB_p6---------------------------------------------------------*/ 


.WB_p6{padding: 0 0; background: url(../../images/WB00280101_case7/w6_bg.png) ;background-position: bottom center;  }
.WB_p6_wrap{display:block;text-align: center; position: relative; }
.WB_p6_title {font-size: 2em; color: #fff; padding: 0 15px; font-weight:  bold}
.WB_p6 .text_1 {font-size: 1em; color: #fff; padding: 15px 15px;}
.WB_p6_content{ width: 100% ;max-width: 360px; margin:0 auto; text-align: center; padding: 0}
	
/*---------------------------------------------------內容.WB_p7---------------------------------------------------------*/ 


.WB_p7{padding: 0 0; background: url(../../images/WB00280101_case7/w7_bg.png) ;background-position: top center;  }
.WB_p7_wrap{display:block;text-align: center; position: relative; }
.WB_p7_title {font-size: 2em; color: #455ae4; padding: 0 15px 20px 15px; font-weight:  bold}
.WB_p7 .text_1 {font-size: 1em; color: #455ae4; padding: 15px 15px;}
.WB_p7_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;}


}