/*============================================================
    Main
============================================================*/
#mainslide {width: 100%; height: 600px; margin-top: 0px;
    display: inline-flex;}

#mainslide .bg01{width: 25% ;
	background: url('../img/main/mainbg01.jpg') top;
    background-repeat: no-repeat; background-size: cover; height: 775px; position: relative;}
#mainslide .inner{background: rgb(55, 159, 231); padding: 15px; height: 175px; bottom: 0px; position: absolute; width: 100%;}
#mainslide .bg01 h2{font-size: 20px; line-height: 30px; text-transform: uppercase; font-weight: 600;  color: #fff; letter-spacing: -0.5px; text-decoration: underline;}
#mainslide .bg01 h1{font-size: 30px; line-height: 30px; text-transform: uppercase; font-weight: 600;  color: #fff; letter-spacing: -0.5px;}
#mainslide .bg01 p{font-size: 16px; line-height: 24px; color: #fff;  letter-spacing: -1px; }
#mainslide .bg01 p span{font-size: 14px; margin-left: 10px; color: #fff;}
#mainslide .bg01 p b{font-size: 12px;}


#mainslide .bg02{width: 25% ;
	background: url('../img/main/mainbg02.jpg') top;
    background-repeat: no-repeat;background-size: cover; height: 775px;  position: relative;}

#mainslide .bg02 h2{font-size: 20px; line-height: 30px; text-transform: uppercase; font-weight: 600;  color: #fff; letter-spacing: -0.5px; text-decoration: underline;}
#mainslide .bg02 h1{font-size: 30px; line-height: 30px; text-transform: uppercase; font-weight: 600;  color: #fff; letter-spacing: -0.5px;}
#mainslide .bg02 p{font-size: 16px; line-height: 24px; color: #fff;  letter-spacing: -1px; }
#mainslide .bg02 p span{font-size: 14px; margin-left: 10px; color: #fff;}
#mainslide .bg02 p b{font-size: 12px;}


#mainslide .bg03{width: 25% ;
	background: url('../img/main/mainbg03.jpg') top;
    background-repeat: no-repeat;background-size: cover; height: 775px;  position: relative;}
#mainslide .bg03 h2{font-size: 20px; line-height: 30px; text-transform: uppercase; font-weight: 600;  color: #fff; letter-spacing: -0.5px; text-decoration: underline;}
#mainslide .bg03 h1{font-size: 30px; line-height: 30px; text-transform: uppercase; font-weight: 600;  color: #fff; letter-spacing: -0.5px;}
#mainslide .bg03 p{font-size: 16px; line-height: 24px; color: #fff;  letter-spacing: -1px; }
#mainslide .bg03 p span{font-size: 14px; margin-left: 10px; color: #fff;}
#mainslide .bg03 p b{font-size: 12px;}


#mainslide .bg04{width: 25% ;
	background: url('../img/main/mainbg04.jpg') top;
    background-repeat: no-repeat;background-size: cover; height: 775px; position: relative;}
#mainslide .bg04 h2{font-size: 20px; line-height: 30px; text-transform: uppercase; font-weight: 600;  color: #fff; letter-spacing: -0.5px; text-decoration: underline;}
#mainslide .bg04 h1{font-size: 30px; line-height: 30px; text-transform: uppercase; font-weight: 600;  color: #fff; letter-spacing: -0.5px;}
#mainslide .bg04 p{font-size: 16px; line-height: 24px; color: #fff;  letter-spacing: -1px; }
#mainslide .bg04 p span{font-size: 14px; margin-left: 10px; color: #fff;}
#mainslide .bg04 p b{font-size: 12px;}


#mainbar{width: 100%; text-align: center; background: #03285a;}
#mainbar p{font-size: 15px; font-weight: 400; color: #fff; padding: 10px;}

/*============================================================
    Main_02
============================================================*/

#customercenter{width: 100% ;
	background: url('../img/main/customercenterbg.jpg') 50% 50%;
    background-repeat: no-repeat;background-size: cover; min-height: 280px; text-align: center; padding-top: 20px;}

#customercenter .inbox {max-width: 1100px; width: 100%; margin: 30px auto 10px auto; display: inline-flex;}
#customercenter .inbox .line1{max-width: 400px; height: 1px; width: 100%; background: #000;}
#customercenter .inbox .line2{max-width: 400px; height: 1px; width: 100%; background: #000;}
#customercenter .inbox h1{font-size: 26px; line-height: 30px; text-transform: uppercase; font-weight: 600;  color: #03285a; letter-spacing: -0.5px; padding: 20px; margin-top: -35px;}

#customercenter .inbox2 {max-width: 1100px; width: 100%; margin: 0px auto; display: inline-flex;}
#customercenter .inbox2 .box{
	min-height: 138px; width: 25%; border: solid 1px #e6e6e6;  margin: 4px; background:url('../img/main/boxinner.jpg') 50% 50%;
    background-repeat: no-repeat;background-size: contain; 
    text-align: right;}
#customercenter .inbox2 .box img{margin-top: 15px;}

#mobilelogobox{display: none;}

.button {}
.page {padding:20px;}
#layer {display:none; position:absolute; top:50%; left:50%; width:600px; height:376px; margin:-188px 0 0 -300px; padding:20px; background:#eee;  border:1px solid #dadada; z-index:21;}
#layer #player {display:block; margin:20px auto 0;}
#layer .inner {position:relative;}
#layer .inner .close {position:absolute; top:-30px; right:0; display:block; width:20px; height:20px; background:url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTt18SOam3wUX0wExC6ji5-lY732vA2fEPBscikPQaLbT_tJd7Y7g') no-repeat 0 0; text-indent:-999em; background-size:20px 20px;}
.dim {display:none; position:fixed; _position:absolute; top:0;left:0; background:#000; width:100%; height:100%; filter:Alpha(opacity=40); opacity:0.7; -moz-opacity:0.4; z-index:20;}