﻿/*Reset By Normalize*/
.wrapper {
    line-height: 24px;
    font-size: 15px;
}
ul {
	padding: 0;
}
.img-responsive{
	max-width: 90%;
}
.U-wrapper{
	background-size:187%;
}

/*容器基本框架*/
.container {
  width: 94%;
  padding: 0 3%;
}

h1 {
	display: none;
}
h3 {
	padding: 4px 10px;
	font-size: 120%;
	font-weight: bold;
	margin: 22px 0;
}
/*header*/
.U-header .container{ 
	width:100%;
	height: 0;
	padding-bottom:68.359%;
	position:relative;
	overflow: hidden;
}
	
	.U-header .logo{
		width:20.5%;
		height:0;
		padding-bottom:13.67%;
		top:7.24%;
		left:39.84%;
	}
		.U-header .logo a{
			width:100%;
			height:0;
			padding-bottom:66.66%;
			background-size:100%;
		}
		
	.U-nav .container{
		width: 98%;
		margin: 10px auto;
		padding: 0;
	}
		.U-nav .container ul li a{
			width: 100%;
			margin: 0 auto;
			height: 0;
			padding-bottom: 37.25%;
			background-size: 300%;
		}
		


.U-content .container{
	width:90%;
}


/*buttom*/
.cubeshape {width: 230px;}

h2 {font-size: 1em;}

@media screen and (max-width: 668px){
	.cubeshape {width: 215px;}
	}


@media screen and (max-width: 500px){
	/* 滿版 */
	.ms-col-12 {
		padding:0 30px;
		width: 100%;
	}
	.ms-col-11 {	
		width: 90.5%;
	}
	.ms-col-10 {
		width: 82.5%;
	}
	.ms-col-9 {
		width: 72.5%;
	}
	.ms-col-8 {
		width: 63.5%;
	}
	.ms-col-7 {
		width: 56.5%;
	}
	/* 二等分 */
	.ms-col-6 {
		width: 48%;
	}
	.ms-col-5 {
		width: 40%;
	}
	/* 三等分 */
	.ms-col-4 {
		width: 31.5%;
	}
	/* 四等分 */
	.ms-col-3 {
		width: 23.5%;
	}

	.ms-col-2 {
		width: 15.5%;
	}
	/* 五等分 */
	.ms-col-2_4 {
		width: 19%;
	}
	.ms-col-1 {
		width: 8%;
	}
	.ms-col-0 {
		width: 0;
		display: none;
	}
}

/*iPhone 8 直版尺寸*/
@media screen and (max-width: 415px){
	
.cubeshape {width: 265px;}

}

/*iPhone 8 直版尺寸*/
@media screen and (max-width: 376px){

.cubeshape { width: 240px;}

}