/* ========================================================================================================================
	                               Photo_Menu (with Diagram Button) x 4
======================================================================================================================== */


#Photo_Menu .col-xs-6, 
#Photo_Menu .col-md-6,  
#Photo_Menu .col-xs-4, 
#Photo_Menu .col-md-4, 
#Photo_Menu .col-md-3 {
padding-left: 0px;
padding-right: 0px;
}


#Photo_Menu_Intro {
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); 
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); 
}

#Photo_Menu_Intro .RC_BG {
/*background-color: rgba(7,137,211,0.8);
background-color: rgba(0,69,209,0.8);*/
}


#Photo_Menu_Intro .markets-top-banner.richcontent .text-block {
/*padding: 70px 0 0px;*/
/*padding: 100px 0 0px;*/
padding: 100px 0 50px;
}


#Photo_Menu div.markets-solutions-applications {
padding: 0;
background-color: #fff !important;
}




#Photo_Menu {
background-color: rgba(41,57,84,0.85);
background-size: cover;
}


#Photo_Menu_Intro_New .text-block {
padding: 50px 0 20px;
}


#Photo_Menu .All_Photo_Menu {
/*filter: drop-shadow(1px 20px 15px rgba(0,0,0,0.15));*/
}


.All_Photo_Menu a {
/*position: absolute;
z-index: 0;
height: 100%;
width: 100%;*/
}


.Photo_Menu_aBlock .Photo_Menu_Name, .Photo_Menu_aBlock .Photo_Menu_Name .Xlg_Atitle {
/*font-family: 'Saira Semi Condensed', Roboto, sans-serif !important;*/
word-spacing: -0.05em;
font-size: 25pt;
line-height: 1.2em;
font-weight: 400; 
letter-spacing: -0.01em;
text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.9);
}


.Photo_Menu_aBlock .Photo_Menu_Name .Xlg_Atitle {
font-size: 25pt;
line-height: 1.2em;
font-weight: 500;
display: block;

/*padding-bottom: 30px;*/
padding-bottom: 15px;
}


.Photo_Menu_Name.color_white.margin_title {
/*margin-top: 18px !important;*/
display: inline-block;
/*background-color: rgba(0,0,0,0.3);*/

width: 100%;
/*padding: 60px;*/
/*padding: 160px 20px;*/
padding: 100px 35px;
transition: all 0.3s ease-in-out 0s;
}


.Photo_Menu_Dec {
font-size: 16px;
font-weight: 400;
line-height: 20px;
word-spacing: -0.01em;
letter-spacing: 0.01em;
display: inline-block;
opacity: 0.7;
text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.9);
}


#Photo_Menu .markets-solutions-applications p {
color: rgba(255,255,255,.7);
font-size: 14px;
font-weight: 400;
margin: 0 !important;
}


.Photo_Menu_Tsection {
/*background-color: rgba(4, 42, 73, 0.4);*/
background-color: rgba(4, 42, 73, 0.6);
/*background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); 
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); */


/*padding: 55% 0px;*/

/*min-height: 124px;*/
/*padding: 80% 0px;*/
/*padding: 70% 0px;*/
/*padding: 7% 0px;*/
/*position: absolute;*/
/*top: 0%;*/
width: 100%;
/*height: 100%;*/
overflow: hidden;
transition: all 0.3s ease-in-out 0s;
}



.Photo_Menu_Tsection:hover {
background-color: rgba(0, 0, 0, 0.0);
}


.Photo_Menu_Tsection:hover .Photo_Menu_Name.color_white.margin_title {
/*background-color: rgba(0,0,0,0.85);*/
/*background-color: rgba(0,33,99,0.8);*/
background-color: rgba(8, 55, 94,0.9);
transform: scale(1.17);
}


/* Diagram Button >> Before */
.Photo_Menu_Name.margin_title .Dia_Button::before {
content: "\f055";
color: rgba(255,255,255, 0.8);
font-family: "Font Awesome 5 Free";
font-size: 1em;
font-weight: 900;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
position: relative;
padding-left: 10px;
left: -10px;
transition: all 0.4s ease-in-out 0s;
}

/* Diagram Button >> Block:Hover >>  Diagram Button >> Before */
.Photo_Menu_Tsection:hover .Photo_Menu_Name.margin_title .Dia_Button::before {
color: rgba(255,255,255,1.0);
transition: all 0.4s ease-in-out 0s;
}



/* Diagram Button */
.Photo_Menu_Name.margin_title .Dia_Button {
font-size: 16pt;
font-weight: 400;
color: rgba(255,255,255,0.9);
border: 2px solid rgba(255,255,255,0.8);
border-radius: 6px;
padding: 3px 20px;
display: inline-block;
background-color: rgba(7, 69, 118,0.7);
transition: all 0.4s ease-in-out 0s;
}


/* Diagram Button >> Block:Hover */
.Photo_Menu_Tsection:hover .Photo_Menu_Name.margin_title .Dia_Button {
/*border: 2px solid rgba(255,255,255,0.9);*/
border: 2px solid transparent;
color: rgba(255,255,255,1.0);
/*background-color: rgba(0,33,99,0.5);*/
/*background-color: rgba(8, 55, 94,0.5);*/
/*background-color: rgb(159, 226, 40);*/
background-color: rgba(115, 201, 23, 0.85);
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
transition: all 0.4s ease-in-out 0s;
}


/* Diagram Button >> Block:Hover >> Button:Hover */
.Photo_Menu_Tsection:hover .Photo_Menu_Name.margin_title .Dia_Button:hover {
border: 2px solid transparent;
color: rgba(255,255,255,1.0);
background-color: rgb(159, 226, 40);
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
transition: all 0.4s ease-in-out 0s;
}



.Photo_Menu_Tsection:hover .Photo_Menu_Name, 
.Photo_Menu_Tsection:hover .Photo_Menu_Name .Xlg_Atitle, 
.Photo_Menu_Tsection:hover .Photo_Menu_Dec {
text-shadow: 0px 0px 15px rgba(0,0,0,0.0);
}






.column5_Block {
/*border-top: 1px solid #000;*/
/*margin-bottom: 40px;*/
overflow: hidden;
padding-left: 0;
padding-right: 0;
}


#Photo_Menu_3 {
margin: 0 auto;
}



.Photo_Menu_aBlock{
/*border-bottom:1px solid #000;*/
/*border: 6px solid rgba(145,183,254,0.2);*/
border-width: 1px 3px 0px 0px;
border-style: solid;
border-color: #acb9c0;
border-right-color: #fff !important;
cursor: default;
}

.column5_Block:last-child .Photo_Menu_aBlock {
border-width: 1px 0px 0px 0px;
}

.Photo_Menu_aBlock > div {
background-color: rgba(0, 0, 0, 0.5);
background-repeat: no-repeat;
/*background-size: cover;*/
/*background-size: auto 100%;*/
/*background-size: 100% auto;*/
/*background-size: 110% auto;*/
background-size: 150% auto;
background-position: center center;
/*padding: 380px 0px 0px;*/
border-radius: 0px;
/*border-color: #ffffff;*/
border-color: #000;
border-style: solid;
/*border-width: 0px 2px 2px 0px;*/

transition: all 0.3s ease-in-out 0s;
}

.Photo_Menu_aBlock:hover > div {
/*background-size: auto 117%;*/
background-size: 120% auto;
}




/* =========================================================================
        RWD (Photo_Menu with Diagram Button x 4)
========================================================================= */ 


/* 大螢幕 >> 1800 以上 */
@Media (min-width: 1800px) {

        .Photo_Menu_aBlock .Photo_Menu_Name .Xlg_Atitle {
        font-size: 37pt;
        }

        .Photo_Menu_Dec {
        font-size: 17px;
        line-height: 24px;
        /*padding: 0 20% !important;*/
        padding: 0 25% !important;
        }

}



/* 大螢幕 >> 1500 以上 */
@Media (min-width: 1500px) {

        .Photo_Menu_aBlock .Photo_Menu_Name .Xlg_Atitle {
        font-size: 36pt;
        }


        .Photo_Menu_Dec {
        font-size: 17px;
        line-height: 24px;
        padding: 0 15%;
        }


        /* Photo_Menu >> 底圖 */
        .Photo_Menu_aBlock > div {
        background-size: 160% auto !important;
        }

        /* Photo_Menu >> 底圖 > Hover */
        .Photo_Menu_aBlock:hover > div {
        background-size: 150% auto !important;
        }


}


/* 橫向智慧手機到竪立平板電腦解析度 >> 1024 以上 */
@Media (min-width: 1024px) {


        .Photo_Menu_aBlock .Photo_Menu_Name .Xlg_Atitle {
        /*font-size: 40pt;*/
        font-size: 33pt;
        }


}


/* Bowei 筆電寬螢幕 */
@Media (min-width: 1281px) and (max-width: 1366px) {

        .Photo_Menu_Dec {
        font-size: 15px;
        padding: 0 10% !important;
        }

        .Photo_Menu_aBlock .Photo_Menu_Name .Xlg_Atitle {
        font-size: 30pt !important;
        }

        /* Photo_Menu >> 底圖 */
        .Photo_Menu_aBlock > div {
        background-size: 190% auto !important;
        }

        /* Photo_Menu >> 底圖 > Hover */
        .Photo_Menu_aBlock:hover > div {
        background-size: 180% auto !important;
        }

}


/* 大螢幕 */
@Media (min-width: 1200px) and (max-width: 1920px) {

        .Photo_Menu_Name.margin_title {
        /*margin-top: 40px !important;*/
        display: inline-block;
        }


        .Photo_Menu_Name.margin_title-2 {
        /*margin-top: 25px !important;*/
        display: inline-block;
        }

        .Photo_Menu_Tsection {
        /*min-height: 170px;*/
        }

}





/* 橫向智慧手機到竪立平板電腦解析度 >> 1400 以下 */
@Media (max-width: 1400px) {

        /* Photo_Menu >> 底圖 */
        .Photo_Menu_aBlock > div {
        background-size: 180% auto !important;
        }

        /* Photo_Menu >> 底圖 > Hover */
        .Photo_Menu_aBlock:hover > div {
        background-size: 175% auto !important;
        }



        .Photo_Menu_aBlock .Photo_Menu_Name .Xlg_Atitle {
        font-size: 30pt;
        }

}




/* 橫向智慧手機到竪立平板電腦解析度 >> 990 以下 */
@Media (max-width: 990px) {

        .Photo_Menu_aBlock {
        border-width: 0px 0px 5px 0px !important;
        border-bottom-color: #fff !important;
        }

        .Photo_Menu_aBlock .Photo_Menu_Name .Xlg_Atitle {
        font-size: 34pt !important;
        }

}



/* 橫向智慧手機到竪立平板電腦解析度 >> 970 以下 */
@Media (max-width: 970px) { 

        #Photo_Menu .All_Photo_Menus {
        padding-left: 0;
        }

        .Photo_Menu_aBlock {
        /*border-bottom:7px solid #000;*/
        }

        a.Photo_Menu_link + div.Photo_Menu_Border, a.Photo_Menu_link + div.Photo_Menu_NoBorder {
        background-size: cover !important;
        transition: all 0.2s ease-in-out 0s;
        }

        a.Photo_Menu_link:hover + div.Photo_Menu_Border, 
        a.Photo_Menu_link:hover + div.Photo_Menu_NoBorder {
        background-size: cover !important;
        transform: scale(1.0) !important;
        }

}


/* 平板電腦、橫向手機和一般桌機解析度 */
@Media (min-width: 768px) and (max-width: 979px) {

        .Photo_Menu_Name.color_white.margin_title {
        margin-top: unset;
        display: inline-block;
        width: 100%;
        padding: 160px 20px;
        }

        .Photo_Menu_Tsection {
        min-height: unset;
        }

}



/* iPhone 6 & 6 plus > 4.7吋--手機及其他更小解析度 */
@Media (min-width: 373px) and (max-width: 414px) {

        .Photo_Menu_Name.color_white.margin_title {
        margin-top: unset;
        display: inline-block;
        width: 100%;
        padding: 160px 20px;
        }

        .Photo_Menu_aBlock .Photo_Menu_Name .Xlg_Atitle {
        font-size: 29pt !important;
        }

        .Photo_Menu_Tsection {
        min-height: unset;
        }

        .Photo_Menu_aBlock > div {
        background-size: 180% auto !important;
        background-position: center center;
        }
   
}




/* 橫向智慧手機及其他更小解析度 */
@Media (max-width: 480px) {

        .Photo_Menu_Name.color_white.margin_title {
        margin-top: unset;
        display: inline-block;
        width: 100%;
        padding: 160px 20px;
        }

        .Photo_Menu_Tsection {
        min-height: unset;
        }
   
}