/*font*/

/**/
@font-face {
	font-family: 'MyriadPro-SemiboldSemiCn';
	src: url('../fonts/MyriadPro-SemiboldSemiCn.eot');/*ie*/
	src: 
	url("../fonts/MyriadPro-SemiboldSemiCn.eot?#iefix") format('embedded-opentype'),/*ie*/  
	url("../fonts/MyriadPro-SemiboldSemiCn.woff") format('woff'),  
	url("../fonts/MyriadPro-SemiboldSemiCn.ttf") format('truetype'),  
	url('../fonts/MyriadPro-SemiboldSemiCn.svg#MyriadPro-SemiboldSemiCn') format('svg');
}
/**/
@font-face {
	font-family: 'MyriadPro-LightSemiCn';
	src: url('../fonts/MyriadPro-LightSemiCn.eot');
	src: 
	url('../fonts/MyriadPro-LightSemiCn.eot?#iefix') format('embedded-opentype'),  
	url('../fonts/MyriadPro-LightSemiCn.woff') format('woff'),  
	url('../fonts/MyriadPro-LightSemiCn.ttf') format('truetype'),  
	url('../fonts/MyriadPro-LightSemiCn.svg#MyriadPro-LightSemiCn') format('svg');
}

/*icon*/
 @font-face {
	font-family: 'MyriadPro-LightCond';
	src: url('../fonts/MyriadPro-LightCond.eot');/*for IE*/
	src: 
	url('../fonts/MyriadPro-LightCond.eot?#iefix') format('embedded-opentype'),  
	url('../fonts/MyriadPro-LightCond.woff') format('woff'),  
	url('../fonts/MyriadPro-LightCond.ttf') format('truetype'),
	url('../fonts/MyriadPro-LightCond#MyriadPro-LightCondensed') format('svg');  
}

/*color*/
.fontW{color:white!important;}
/*間距*/
.separate {
	display: block;
	width: 100%;
	height: 30px;
}

.separate-icon {
	display: block;
	width: 100%;
	height: 60px;
}
.separate-icon-info{
	display: block;
	width: 100%;
	height: 8px;
}
.separate-sec{
	display:block; 
	width:100%;
	height:6.5em;
	}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari only override */
    ::i-block-chrome,.separate-icon-info {
     height: 23px;
    }
}

.separate-kv-subtTopic {
	display: block;
	width: 100%;
	height: 60px;
}


/*font-setting==========================*/
.slogan-big {
	font-family : "myriad-pro";
	font-weight:300;
	font-size: 4em !important;
	line-height: 1em;
	/*margin: 5.8% 0 0;*/
	letter-spacing: -0.025em;
	word-spacing: 0.045em;
	color: #4b4b4b;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slogan {
	font-family : "myriad-pro";
	font-weight:300;
	font-size: 3.4em !important;
	line-height: 1em !important;
	/*margin: 5.8% 0 0;*/
	letter-spacing: -0.025em;
	word-spacing: 0.045em;
	color: #4b4b4b;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.subT {
	font-family : "myriad-pro";
	font-weight:300;
	font-size: 2.6em !important;
	letter-spacing: -0.0028em;
	word-spacing: 0.015em;
	color: #4b4b4b;
	line-height: 1.4em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.subT p {
	/*font-size: .75em;*/
	line-height: 1.4em;
}
/*文字外框_置左*/	
.box-word-left {
	margin-left: 2%;
	
}
/*文字外框_置中*/	
.box-word-cent {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
/*文字外框_置右*/	
.box-word-right{
	width:40%;
	margin-right:5%;
	float:right;
	}

/*內文置左*/
.txt-left-big {
	font-family : "myriad-pro";
	font-weight:300;
	font-size: 1.3em !important;
	letter-spacing: 0.02em;
	word-spacing: 0.04em;
	color: #737373;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	word-wrap:break-word;
}
.txt-left {
	font-family : "myriad-pro";
	font-weight:300;
	font-size: 1.1em !important;
	letter-spacing: 0.02em;
	word-spacing: 0.04em;
	color: #737373;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: left;
	word-wrap:break-word;

}
.txt-left p{ margin-bottom:2em !important}
/*內文置中*/
.txt-cent {
	max-width: 800px;
	font-family : "myriad-pro";
	font-weight:300;
	font-size: 1.1em !important;
	letter-spacing: 0.02em;
	word-spacing: 0.04em;
	color: #737373;
	margin: 0 auto ;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	word-wrap:break-word;
	
}
.txt-cent2 {
	max-width: 1000px;
	font-family : "myriad-pro";
	font-weight:300;
	font-size: 1.1em !important;
	letter-spacing: 0.02em;
	word-spacing: 0.04em;
	color: #737373;
	margin: 1.1% auto 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	word-wrap:break-word;

}
.txt-left-big {
	line-height: 1.9em;
}
.txt-cent, .txt-left, .txt-cent2 {
	line-height: 1.5em;
}

.SubT_cent {
	width: 100%;
	font-family : "myriad-pro";
	font-weight:300;
	font-size: 2.3em !important;
	letter-spacing: -0.03em;
	word-spacing: 0.045em;
	color: #4b4b4b;
	line-height: 1.4em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
}
/**/
.select, .select a {
	font-family : "myriad-pro";
	font-weight:300;
	font-size: 1em !important;
	letter-spacing: 0.02em;
	word-spacing: 0.04em;
	color: #de6956;
	webkit-transition : color .25s ease-in;
	transition : color .25s ease-in;
	margin-top: .9%;
}
.select a:hover {
	color: #93665f;
	webkit-transition : color .75s ease-in-out;
	transition : color .75s ease-in-out;
}
.select ::after {
	content: " >";
	font-size: .65em;
	vertical-align: bottom;
	margin-left: 1em;
}

/*p.s*/
.caption{
	font-family : "myriad-pro";
font-weight:300;
	font-size: 1.1em !important;
	letter-spacing: 0.02em;
	word-spacing: 0.04em;
	color:#9C9C9C;
	
	}

@media screen and (max-width: 1440px) {
.box-word-powersafe {
    width: 80%;
}

}

@media screen and (max-width: 1360px) {
.separate {
	height: 15px;
}
.subT {
	font-size: 2.3em !important;
}
.slogan {
  font-size: 2.8em !important;
}
}

@media screen and (max-width: 1100px) {
.subT {
	font-size: 2.8em !important;
}
}

@media screen and (max-width: 981px) {
.separate {
    height: 2em;
}

.subT {
    font-size: 2.8em !important;
}	

.slogan {
	font-size: 3.2em !important;
}
.txt-cent {
	font-size: 1.1em !important;
	line-height: 1.5em;
}
}

@media screen and (max-width: 800px) {
.subT, .SubT_cent {
	font-size: 2.8em !important;
	padding-left: 0;
}
.txt-left {
	padding-left: 0;
}
.txt-left-big {
	font-size: 1.24em !important;
	line-height: 1.5em;
}
.box-word-cent {
	width: 80%;
}
}

@media screen and (max-width: 700px) {
.slogan {
	font-size: 2.5em !important;
}
.separate-sec {
	height: 4em;
}

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

.separate-icon {
    display: block;
    width: 100%;
    height: 15px;
}
}
@media screen and (max-width: 500px) {
.separate-icon {
	display: block;
	width: 100%;
	height: 30px;
}
.subT, .SubT_cent {
    font-size: 2.5em !important;
    padding-left: 0px;
}
	@media screen and (-webkit-min-device-pixel-ratio:0){
	.subT, .SubT_cent {
		font-size: 2.3em !important;
	}
	}
	
}


@media screen and (max-width: 360px) {
.subT, .SubT_cent {
  font-size: 2.2em !important;
}

.sec1SubT_cent {
  margin-bottom: 1em;
}
.separate {
    height: 1em;
}
}